Maîtriser la concaténation en JavaScript

Introduction

La concaténation est la jonction de deux ou plusieurs chaînes. La chaîne est un type de données primitif placé entre guillemets simples « » ou doubles « ». La concaténation aide à donner de la clarté et de la lisibilité, surtout lorsqu'elle est réutilisée.
Dans ce guide, nous examinerons différentes façons de concaténer des chaînes.

Utilisation de l'opérateur

Il s'agit de l'utilisation d'un opérateur d'addition pour concaténer une chaîne

let firstname = "Motunrayo";
let lastname = "Adeneye";
console.log(firstname + lastname)//MotunrayoAdeneye

Vous remarquerez qu'il n'y a pas d'espace entre le nom. Pour qu'il y ait de l'espace entre eux.

let firstname = "Motunrayo ";
let lastname = "Adeneye";
console.log(firstname + lastname);Motunrayo Adeneye

OU

let firstname = "Motunrayo";
let lastname = "Adeneye";
console.log(firstname + " " + lastname);//Motunrayo Adeneye

Utilisation de l'opérateur =

Cela nécessite la combinaison du signe d'addition et de l'équateur d'affectation.

let job = "frontend";
job+= " developer";
console.log(job)//frontend developer

Utiliser des littéraux de modèle

Cela nécessite l'utilisation de backtick ( ) pour permettre l'utilisation des variables déclarées.

let name = "Motunrayo"
let age = 30;
let about = `Hello, My name is ${name}. I am ${age} years old`;

console.log(about); //Hello, My name is Motunrayo. I am 30 years old

Utilisation de la méthode concat()

Cette méthode est utilisée pour concaténer des chaînes ensemble

let word = "Java";
let result = word.concat("script");
console.log(result); //Javascript

Utilisation de la méthode join()

Cette méthode est utilisée pour joindre un tableau contenant des chaînes ensemble

let colors = ["red", "blue", "yellow"];
console.log(colors)//["red", "blue", "yellow"]
let result = colors.join(",");
console.log(result); //red,blue,yellow

Nous sommes arrivés à la fin de cet article. J'espère que vous connaissez la concaténation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!