Übung: Ausführen einer Aufgabe zum Extrahieren, Ersetzen und Entfernen von Daten aus einer Eingabezeichenfolge

  • 10 Minuten

Code-Herausforderungen stärken das Lernen und helfen Ihnen, vertrauen zu können, bevor Sie fortfahren.

In dieser Herausforderung arbeiten Sie mit einer Zeichenfolge, die ein HTML-Fragment enthält. Sie extrahieren Daten aus dem HTML-Fragment, ersetzen einen Teil des Inhalts und entfernen andere Teile des Inhalts, um die gewünschte Ausgabe zu erzielen.

Wenn Sie mit HTML-Code nicht vertraut sind, lesen Sie den Abschnitt "Schnell-HTML-Primer" am Ende dieser Einheit.

Extrahieren, Ersetzen und Entfernen von Daten aus einer Eingabezeichenfolge

  1. Markieren und löschen Sie alle Codezeilen im Visual Studio Code-Editor.

  2. Fügen Sie in Visual Studio Code den folgenden "Startcode" hinzu, um die Daten für die Herausforderung abzurufen:

    const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";

string quantity = "";
string output = "";

// Your work here

Console.WriteLine(quantity);
Console.WriteLine(output);

    Wenn Sie den Code ausführen, zeigt die Ausgabe leere Zeilen an, die Startwerte für quantity und output sind leere string Werte.

  3. Nehmen Sie sich eine Minute Zeit, um die erste Zeile des Codes zu überprüfen, der einen string HTML-Code enthält.

    const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";

    Beachten Sie die tags:<div>,<h2><span> und der Symbolcode&trade;, der in der input Variablen enthalten ist.

  4. Überprüfen Sie die gewünschte Ausgabe für die endgültige Programmausgabe:

    Quantity: 5000
Output: <h2>Widgets &reg;</h2><span>5000</span>

  5. Beginnen Sie mit dem Hinzufügen des Lösungscodes zum Startcode unter dem Kommentar // Your work here.

  6. Legen Sie die quantity-Variable auf den Wert fest, der durch Extrahieren des Texts zwischen den <span> und </span> Tags erhalten wurde.

  7. Legen Sie die output-Variable auf den Wert von input fest und entfernen Sie die <div>- und </div>-Tags.

  8. Ersetzen Sie das HTML-Zeichen ™ (&trade;) durch ® (&reg;) in der output Variablen.

  9. Führen Sie Ihre Lösung aus, und überprüfen Sie, ob die Ausgabe mit der erwarteten Ausgabe übereinstimmt.

    Quantity: 5000
Output: <h2>Widgets &reg;</h2><span>5000</span>

Egal, ob Sie stecken bleiben und einen Blick auf die Lösung werfen müssen oder erfolgreich fertig sind, fahren Sie fort, um eine Lösung für diese Herausforderung zu sehen.

Schnelleinführung in HTML

Falls Sie mit HTML nicht vertraut sind, handelt es sich um die Markupsprache, die zum Erstellen aller Webseiten verwendet wird. Überspringen Sie diesen Abschnitt, wenn Sie ein gutes Verständnis für HTML haben. Die Informationen sind so konzipiert, dass genügend Informationen bereitgestellt werden, um diese Herausforderung abzuschließen, und nicht um ein umfassendes HTML-Lernprogramm zu sein.

In HTML definieren Sie die Struktur eines Dokuments mithilfe von Tags. Ein Etikett besteht aus:

  • einer öffnenden spitzen Klammer <
  • einer schließenden spitzen Klammer >
  • ein Wort, das den Tagtyp beschreibt, z. B.: <div>, <span>, <h2> usw.

Jedes Tag hat ein entsprechendes schließendes Tag, das ein Schrägstrich-Zeichen / einführt. Wenn Sie also <div> sehen, sollte ein entsprechendes </div>-Tag vorhanden sein.

Der Inhalt zwischen dem öffnenden und schließenden Tag ist der Inhalt dieses Tags. Der Inhalt kann Text und andere Tags enthalten.

Eine Gruppe von Tags kann in einen anderen Satz von Tags eingebettet werden, wodurch ein HTML-Dokument seine hierarchische Struktur erhält.