Резюме: в этом уроке вы узнаете, как выполнять конкатенацию строк в JavaScript.
JavaScript предоставляет различные возможности, позволяющие объединять две или более строк:
- Использовать метод
concat()
. - использовать операторы
+
и+=
- Использовать шаблонные литералы
1) Использование метода concat()
Метод String.prototype.concat()
объединяет два или более строковых аргумента и возвращает новую строку:
Code language: JavaScript (javascript)let newString = string.concat(...str);
Метод concat()
принимает различное количество строковых аргументов и возвращает новую строку, содержащую объединенные строковые аргументы.
Если в concat()
передаются нестроковые аргументы, то перед конкатенацией эти аргументы преобразуются в строку. Например:
Code language: JavaScript (javascript)let racing = 'Formula ' + 1; console.log(racing);
Вывод:
Formula 1
Этот пример объединяет строки в новую строку:
Code language: JavaScript (javascript)let result = concat('JavaScript', ' ', 'String',' ', 'Concatenation'); console.log(result);
Output:
Code language: JavaScript (javascript)JavaScript String Concatenation
Следующий пример конкатенирует все строковые элементы массива в строку:
Code language: JavaScript (javascript)let list = ['JavaScript',' ', 'String',' ', 'Concatenation']; let result = ''.concat(...list); console.log(result);
Вывод:
Code language: JavaScript (javascript)JavaScript String Concatenation
2) Использование операторов + и +=
Оператор +
позволяет объединить две строки. Например:
Code language: JavaScript (javascript)let lang = 'JavaScript'; let result = lang + ' String'; console.log(result);
Вывод:
Code language: JavaScript (javascript)JavaScript String
Чтобы составить строку по частям, используется оператор +=
:
Code language: JavaScript (javascript)let className = 'navbar'; className += ' primary-color'; className += ' sticky-bar'; console.log(className);
Вывод:
Согласно тесту производительности на некоторых современных веб-браузерах, операторы +
и +=
работают быстрее, чем метод concat()
.
3) Использование шаблонных литералов
В ES6 появились шаблонные литералы, которые позволяют выполнять интерполяцию строк.
В следующем примере показано, как конкатенировать три строки:
Code language: JavaScript (javascript)let navbarClass = 'navbar'; let primaryColor = 'primary-color'; let stickyClass = 'sticky-bar'; let className = `${navbarClass} ${primaryColor} ${stickyClass}`; console.log(className);
Вывод:
Code language: JavaScript (javascript)navbar primary-color stickyBar
В этом уроке вы узнали, как конкатенировать строки в JavaScript, используя метод concat()
, оператор +
и +=
, а также шаблонные литералы.