JS метод String.concat()

Загальний опис

Метод String.prototype.concat() є потужним інструментом для об'єднання двох або більше рядків. Цей метод дозволяє створювати нові рядки шляхом додавання (конкатенації) одного рядка до іншого. Його корисність полягає в простоті та гнучкості, оскільки concat() може приймати необмежену кількість аргументів-рядків та з'єднувати їх у один. Це особливо корисно у складних програмах, де потрібно динамічно генерувати текст.

Щоб використовувати concat(), вам потрібно викликати цей метод на рядку та передати один або декілька рядків як аргументи. Метод поверне новий рядок, що є результатом об'єднання всіх переданих рядків.

Приклади коду:

1. Об'єднання двох рядків:

    let hello = "Привіт, ";
    let world = "світ!";
    let greeting = hello.concat(world);
   

2. Об'єднання кількох рядків:

    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() ідеальним для сценаріїв, де потрібна чіткість та збереження незмінності вихідних даних, але менш підходящим для випадків, де висока продуктивність є критично важливою.

правити

Нотатка

Пам'ятайте, що метод concat() не змінює початкових рядків, а створює новий рядок. Це може бути важливим у сценаріях, де ви не хочете змінювати вихідні дані. Наприклад, якщо ви хочете зберегти оригінальні рядки незмінними для подальшого використання.

автор: Bond правити

Нотатка

У сучасному JavaScript часто використовують шаблонні літерали для конкатенації рядків, оскільки вони забезпечують більш чистий та зрозумілий синтаксис. Наприклад, замість let greeting = "Hello, ".concat(name, "!"); можна використати let greeting = Hello, ${name}!;, що є більш елегантним рішенням.

автор: Bond правити

Нотатка

Метод concat() може бути менш ефективним порівняно з оператором + або шаблонними літералами, особливо при роботі з великою кількістю рядків. Використовуйте цей метод обережно в продуктивному коді, особливо якщо здійснюється об'єднання великого обсягу даних.

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

concat()
concat(str1)
concat(str1, str2)
concat(str1, str2, /* …, */ strN)

Параметри

str1

Перший рядок, який буде об'єднаний з вихідним рядком. Може бути один або декілька рядків.

автор: Bond

правити

str2...

Додаткові рядки, які будуть об'єднані з вихідним рядком. Їх може бути будь-яка кількість.

автор: Bond

правити

Повернення

string

Повертає новий рядок, який включає в себе текст поєднаних рядків, наданих у аргументах. Результатом виконання цього методу є об'єднаний рядок, який являє собою послідовне з'єднання всіх вхідних рядків, переданих у метод. Важливо зазначити, що оригінальні рядки залишаються незмінними, а результат є зовсім новим рядком.

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	4	12	4

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

// Об'єднання двох рядків
var greeting = "Привіт, ";
var name = "Андрій!";

var welcomeMessage = greeting.concat(name);

console.log(welcomeMessage); // Виведе: 'Привіт, Андрій!'

// Об'єднання елементів масиву в один рядок
var words = ["JavaScript", " є", " дуже", " гнучкою", " мовою."];
var sentence = "";

for (var i = 0; i < words.length; i++) {
    sentence = sentence.concat(words[i]);
}

console.log(sentence); // Виведе: 'JavaScript є дуже гнучкою мовою.'