– 3 Möglichkeiten zum Verketten von Strings in JavaScript

Jul 29, 2019

Es gibt 3 Möglichkeiten zum verketten von strings in JavaScript. In diesem Tutorial, you ‚ llthe verschiedene Wege und die Kompromisse zwischen ihnen.

Der Operator +

Derselbe+ Operator, den Sie zum Hinzufügen von zwei Zahlen verwenden, kann verwendet werden, um zwei Zeichenfolgen zu verketten.

const str = 'Hello' + ' ' + 'World';str; // 'Hello World'

Sie können auch += verwenden, wobei a += b eine Abkürzung für a = a + bist.,

let str = 'Hello';str += ' ';str += 'World';str; // 'Hello World'

Wenn die linke Seite des Operators + eine Zeichenfolge ist, erzwingt JavaScript die rechte Seite zu einer Zeichenfolge. Das bedeutet,dass es sicher ist, Objekte, Zahlen, null und undefinedzu verketten.

let str = 'Values: ';str += 42;str += ' ';str += {};str += ' ';str += null;str; // 'Values: 42 null'

Die Operatoren + und += sind schnell in modernen JavaScript-Engines, sodass Sie sich keine Sorgen um die StringBuilder-Klasse von Java machen müssen.,

Array#join ()

Die Array#join() – Funktion erstellt eine neue Zeichenfolge aus der Verkettung aller Elemente in einem Array. Beispiel:

.join(''); // 'Hello World'

Der erste Parameter von join() wird als Trennzeichen bezeichnet. Standardmäßig ist dieseparator ein einzelnes Komma ','.

.join(); // 'a,b,c'

Sie können jedes gewünschte Trennzeichen übergeben. Trennzeichen machen Array#join() zum preferredchoice zum Verketten von Zeichenfolgen, wenn Sie dasselbe Zeichen immer wieder wiederholen., Zum Beispiel können Sie ' ' als Trennzeichen verwenden, um ein Array von Wörtern zu verbinden:

// 'Twas the night before Christmas'.join(' ');

Oder Sie können '/' verwenden, um URL-Fragmente zu verbinden:

// 'masteringjs.io/tutorials/fundamentals/string-concat'.join('/');

Trennzeichen machen Array#join() eine sehr flexible Möglichkeit, Zeichenfolgen zu verketten. Wenn youwant gemeinsam eine variable Anzahl von strings, sollten Sie in der Regel verwenden join()statt for Schleife +.,

String#concat()

JavaScript-strings haben eine gebaut-in concat() Methode. Die Funktion concat() verwendet einen oder mehrere Parameter und gibt die geänderte Zeichenfolge zurück. Strings in JavaScript sind unveränderlich, daher ändert concat() die vorhandene Zeichenfolge nicht.

Der Nachteil der Verwendung von concat() ist, dass Sie sicher sein müssen, dass str1 eine Zeichenfolge ist.Sie können Nicht-String-Parameter an concat() übergeben, aber Sie erhalten einen TypeErrorif str == null.,

// If `str` is null or not a string, can't use `concat()`const str = 'Values: ';// 'Values: 42 null'str.concat(42, ' ', null);

Die Funktion concat() wird selten verwendet, da sie mehr Fehlerfälle aufweist als der Operator+. Sie würden beispielsweise unerwartetes Verhalten erhalten, wenn Sie concat()für einen Wert aufrufen, der zufällig ein Array ist. Sie sollten anstelle von concat() verwenden, es sei denn, Sie haben einen sehr guten Grund.,

Wenn Sie concat() verwenden müssen, ist es normalerweise am besten, es in einer leeren Zeichenfolge aufzurufen:

''.concat('Hello', ' ', 'World');

Weitere grundlegende Tutorials

  • Globale Variablen in JavaScript
  • So überprüfen Sie in Javascript nach `NaN`
  • JavaScript Aufzählungen
  • JavaScript Trim String
  • So filtern Sie ein Objekt mit JavaScript
  • So verwenden Sie forEach() in JavaScript
  • Vergleichen Sie zwei Daten unter Ignorieren der Zeit in JavaScript

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.