il existe 3 façons de concaténer des chaînes en JavaScript. Dans ce tutoriel, vous aurez les différentes façons et les compromis entre eux.
L’Opérateur +
même +
opérateur que vous utilisez pour ajouter deux nombres peuvent être utilisés pour concatenatetwo cordes.
const str = 'Hello' + ' ' + 'World';str; // 'Hello World'
Vous pouvez également utiliser +=
, où a += b
est un raccourci pour a = a + b
.,
let str = 'Hello';str += ' ';str += 'World';str; // 'Hello World'
Si le côté gauche de l’opérateur+
est une chaîne, JavaScript contraindra le côté droit à une chaîne. Cela signifie qu’il est sûr de concaténer des objets,des nombres, null
et undefined
.
let str = 'Values: ';str += 42;str += ' ';str += {};str += ' ';str += null;str; // 'Values: 42 null'
les opérateurs+
Et+=
sont rapides sur les moteurs JavaScript modernes, donc pas besoin de s’inquiéter de quelque chose comme la classe StringBuilder de Java.,
Array#join ()
la fonctionArray#join()
crée une nouvelle chaîne à partir de la concaténation de tous les éléments d’un tableau. Par exemple:
.join(''); // 'Hello World'
Le premier paramètre de la balise join()
est appelé le séparateur. Par défaut, theseparator est une seule virgule ','
.
.join(); // 'a,b,c'
Vous pouvez passer tout le séparateur que vous voulez. Les séparateurs font de Array#join()
le choix préféré pour concaténer des chaînes si vous vous retrouvez à répéter le même caractère encore et encore., Par exemple, vous pouvez utiliser ' '
le séparateur à participer à un tableau de mots:
// 'Twas the night before Christmas'.join(' ');
Ou vous pouvez utiliser '/'
pour joindre l’URL de fragments:
// 'masteringjs.io/tutorials/fundamentals/string-concat'.join('/');
Séparateurs de faire Array#join()
d’une manière très flexible pour concaténer des chaînes. Si vous souhaitez joindre un nombre variable de chaînes de caractères, vous devez généralement utiliser des join()
plutôt que for
boucle +
.,
String#concat ()
les chaînes JavaScript ont une méthodeconcat()
intégrée. La fonction concat()
prend un ou plusieurs paramètres et renvoie la chaîne modifiée. Les chaînes en JavaScript sont immuables, donc concat()
ne modifie pas la chaîne en place.
L’inconvénient de l’utilisation de concat()
c’est que vous devez être certain str1
est une chaîne de caractères.Vous pouvez passer des paramètres non-chaîne à concat()
, mais vous obtiendrez un 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);
Le concat()
fonction est rarement utilisé car il a plus de cas d’erreur de la balise+
opérateur. Par exemple, vous pouvez obtenir un comportement inattendu si vous appelez concat()
sur une valeur qui se trouve être un tableau. Vous devez utiliser +
au lieu de concat()
sauf si vous avez une très bonne raison.,
Si vous devez utiliser la balise concat()
, il est généralement préférable d’appeler une chaîne vide:
''.concat('Hello', ' ', 'World');
Plus Fondamentaux des Tutoriels
- les Variables Globales en JavaScript
- Comment Vérifier `NaN` en Javascript
- JavaScript Enum
- JavaScript Garniture de Chaîne
- Comment Filtrer un Objet avec JavaScript
- Comment Utiliser forEach() en JavaScript
- Comparer Deux Dates, en Ignorant le Temps, en JavaScript