JS метод String.concat()
Загальний опис
Метод String.prototype.concat()
є потужним інструментом для об'єднання двох або більше рядків. Цей метод дозволяє створювати нові рядки шляхом додавання (конкатенації) одного рядка до іншого. Його корисність полягає в простоті та гнучкості, оскільки concat()
може приймати необмежену кількість аргументів-рядків та з'єднувати їх у один. Це особливо корисно у складних програмах, де потрібно динамічно генерувати текст.
Щоб використовувати concat()
, вам потрібно викликати цей метод на рядку та передати один або декілька рядків як аргументи. Метод поверне новий рядок, що є результатом об'єднання всіх переданих рядків.
Приклади коду:
Об'єднання двох рядків:
let hello = "Привіт, "; let world = "світ!"; let greeting = hello.concat(world);
Об'єднання кількох рядків:
let string1 = "JavaScript "; let string2 = "є "; let string3 = "чудовий."; let sentence = string1.concat(string2, string3);
Важлива особливість concat()
полягає в тому, що він не змінює початкові рядки, а створює новий. Це означає, що ви можете безпечно використовувати concat()
, не турбуючись про випадкову зміну вихідних даних. Крім того, цей метод може бути менш ефективним за інші методи конкатенації, особливо при роботі з великими рядками або у випадку частих операцій об'єднання. У таких ситуаціях можуть бути кориснішими шаблонні рядки або оператор +
.
Приклад коду з використанням шаблонних рядків для порівняння:
let name = "JavaScript";
let adjective = "чудовий";
let sentence = `${name} є ${adjective}.`;
Це робить concat()
ідеальним для сценаріїв, де потрібна чіткість та збереження незмінності вихідних даних, але менш підходящим для випадків, де висока продуктивність є критично важливою.
Нотатка: | Пам'ятайте, що метод |
Нотатка: | У сучасному JavaScript часто використовують шаблонні літерали для конкатенації рядків, оскільки вони забезпечують більш чистий та зрозумілий синтаксис. Наприклад, замість |
Нотатка: | Метод |
Синтаксис
concat()
concat(str1)
concat(str1, str2)
concat(str1, str2, /* …, */ strN)
Параметри
str1
Перший рядок, який буде об'єднаний з вихідним рядком. Може бути один або декілька рядків.
str2...
Додаткові рядки, які будуть об'єднані з вихідним рядком. Їх може бути будь-яка кількість.
Return
string
Повертає новий рядок, який включає в себе текст поєднаних рядків, наданих у аргументах. Результатом виконання цього методу є об'єднаний рядок, який являє собою послідовне з'єднання всіх вхідних рядків, переданих у метод. Важливо зазначити, що оригінальні рядки залишаються незмінними, а результат є зовсім новим рядком.
Переглядачі
Переглядач | |||||
---|---|---|---|---|---|
1 |
1 |
1 |
4 |
12 |
Переглядач | ||||
---|---|---|---|---|
4.4 |
18 |
4 |
1 |
Переглядач | ||
---|---|---|
0.10.0 |
1.0 |
Приклади
У цьому прикладі ми демонструємо базове використання методу String.prototype.concat()
. Цей метод дозволяє об'єднувати два або більше рядків в один. Він є простим і зручним способом для склеювання рядків, особливо коли кількість рядків для об'єднання є фіксованою або невеликою.
// Об'єднання двох рядків
var greeting = "Привіт, ";
var name = "Андрій!";
var welcomeMessage = greeting.concat(name);
console.log(welcomeMessage); // Виведе: 'Привіт, Андрій!'
У цьому прикладі ми покажемо, як String.prototype.concat()
може бути використаний для об'єднання елементів масиву в один рядок. Цей приклад особливо корисний, коли потрібно динамічно створювати рядок із значень, що знаходяться у масиві. Такий підхід може бути використаний для генерації рядків із даними, отриманими з різних джерел.
// Об'єднання елементів масиву в один рядок
var words = ["JavaScript", " є", " дуже", " гнучкою", " мовою."];
var sentence = "";
for (var i = 0; i < words.length; i++) {
sentence = sentence.concat(words[i]);
}
console.log(sentence); // Виведе: 'JavaScript є дуже гнучкою мовою.'
У цьому прикладі користувачі можуть ввести два рядки у текстові поля, а потім натиснути кнопку "Об'єднати", щоб побачити результат їхньої конкатенації. Результат відображається прямо на сторінці під кнопкою.