Wie verkette ich einen String mit einer Variablen in JavaScript?

String-Verkettung mit Variablen

In JavaScript ist das Verketten eines Strings mit einer Variablen eine häufige Aufgabe. Lassen Sie uns untersuchen, wie dies als Antwort auf die Frage erreicht werden kann: „Ich versuche also, aus einer Zeichenfolge und einer übergebenen Variablen (die eine Zahl ist) eine Zeichenfolge zu erstellen.
Wie mache ich das?“

Es stehen mehrere Ansätze zur Verfügung:

• Verkettung mit Operator:

  Sie können Verwenden Sie einfach den Operator, um eine Zeichenfolge und eine Variable zu verketten. Zum Beispiel:

  const id = 42;
  const str = "horseThumb_" + id;

  Nach dem Login kopieren

  Dies würde dazu führen, dass str gleich „horseThumb_42“ wäre.

• Vorlagenliterale (ES2015):

  Mit Vorlagenliteralen, die in ECMAScript 2015 eingeführt wurden, können Sie Backticks (`) zum Einbetten verwenden Variablen innerhalb von Strings. Zum Beispiel:

  const id = 42;
  const str = `horseThumb_${id}`;

  Nach dem Login kopieren

  Dies führt auch dazu, dass str gleich „horseThumb_42“ ist.

• Elementabruf mit Vorlagenliteralen:

  Beim Verketten einer Zeichenfolge mit einer Element-ID können Sie Vorlagenliterale verwenden, um das Element direkt abzurufen. Zum Beispiel:

  const id = 42;
  const element = document.getElementById(`horseThumb_${id}`);

  Nach dem Login kopieren

  Dies würde das Element mit der ID „horseThumb_42“ abrufen.

  Beispielcode:

  Verwendung der bereitgestellten AddBorder-Funktion In der Frage können wir die Zeichenfolgenverkettung mit dem Operator demonstrieren:

  function AddBorder(id) {
      const className = "hand positionLeft";
      document.getElementById("horseThumb_" + id).className = className;
  }

  Nach dem Login kopieren

  Dieser Code würde Weisen Sie den Klassennamen korrekt dem Element mit der ID „horseThumb_“ zu.

  Debugging-Tipps:

  Wenn Ihr Code nicht ordnungsgemäß funktioniert, sollten Sie erwägen, etwas Debugging hinzuzufügen Anweisungen wie:

  console.log("ID number: " + id);
  console.log("Return value of gEBI: " + document.getElementById("horseThumb_" + id));

  Nach dem Login kopieren

  Dies hilft Ihnen herauszufinden, ob das Problem in der Übergabe der ID liegt, ob das Element vorhanden ist oder ob der Code vorhanden ist wird ausgeführt, bevor das DOM bereit ist.

Das obige ist der detaillierte Inhalt vonWie verkette ich einen String mit einer Variablen in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!