Er zijn 3 manieren om strings samen te voegen in JavaScript. In deze tutorial, je ‘ LL de verschillende manieren en de afwegingen tussen hen.

de + Operator

dezelfde+ operator die u gebruikt voor het toevoegen van twee getallen kan worden gebruikt om twee strings samen te voegen.

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

u kunt ook += gebruiken, waarbij a += b een afkorting is voor a = a + b.,

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

als de linkerkant van de + operator een string is, zal JavaScript de rechterkant dwingen tot een string. Dat betekent dat het veilig is om objecten,getallen, null, en undefinedsamen te voegen.

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

de + en += operators zijn snel op moderne JavaScript-engines, dus u hoeft zich geen zorgen te maken over iets als Java ‘ s StringBuilder-klasse.,

Array#join ()

de functie Array#join() maakt een nieuwe string aan door alle elementen in een array samen te voegen. Bijvoorbeeld:

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

de eerste parameter voor join() wordt het scheidingsteken genoemd. Standaard is deze scheidingsteken een enkele komma ','.

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

u kunt doorgeven in elk scheidingsteken dat u wilt. Scheidingstekens maken Array#join() de voorkeurskeuze voor het aaneenschakelen van tekenreeksen als je merkt dat je hetzelfde karakter steeds opnieuw herhaalt., U kunt bijvoorbeeld gebruik ' ' als scheidingsteken wilt deelnemen aan een reeks van woorden:

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

Of je kunt '/' om samen URL fragmenten:

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

– Afscheiders maken Array#join() een zeer flexibele manier om tekenreeksen. Als u een variabel aantal strings wilt samenvoegen, moet u over het algemeen join()gebruiken in plaats van een for lus met +.,

String#concat ()

JavaScript strings hebben een ingebouwde concat() methode. De functie concat() neemt een of meer parameters en geeft de gewijzigde Tekenreeks terug. Strings in JavaScript zijn onveranderlijk, dus concat() wijzigt de string niet.

het nadeel van het gebruik van concat() is dat u er zeker van moet zijn dat str1 een tekenreeks is.U kunt niet-tekenreeksparameters doorgeven aan concat(), maar u krijgt een 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);

de concat() functie wordt zelden gebruikt omdat het meer foutgevallen heeft dan de+ operator. U zou bijvoorbeeld onverwacht gedrag krijgen als u concat()aanroept op een waarde die toevallig een array is. U dient + te gebruiken in plaats van concat() tenzij u een zeer goede reden heeft.,

als u concat() moet gebruiken, is het meestal het beste om het op een lege tekenreeks aan te roepen:

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

meer Fundamentals Tutorials

• globale variabelen in JavaScript
• Hoe te controleren op `NaN` in Javascript
• JavaScript enums
• Javascript trim string
• Een object filteren met Javascript
• foreach() gebruiken in JavaScript
• twee datums vergelijken, tijd negeren, in JavaScript