как вставить строку в определенное место другой строки в javascript

В JavaScript существует несколько способов вставить строку в определенное место другой строки. Давайте рассмотрим их по порядку.

Способ 1: Использование slice()

Метод slice() позволяет извлекать часть строки, и мы можем использовать его для создания новой строки с вставленной подстрокой.

Пример:

function insertStringAt(baseString, insertString, index) {
    // Проверяем, что индекс не выходит за пределы
    if (index > baseString.length) {
        index = baseString.length;
    }
    return baseString.slice(0, index) + insertString + baseString.slice(index);
}

// Использование функции
const originalString = "Hello World!";
const stringToInsert = " Beautiful";
const indexToInsert = 5;

const newString = insertStringAt(originalString, stringToInsert, indexToInsert);
console.log(newString); // "Hello Beautiful World!"

Способ 2: Использование substring()

substring() работает аналогично slice() и может использоваться для вставки строки.

Пример:

function insertString(baseString, insertString, index) {
    if (index > baseString.length) {
        index = baseString.length;
    }
    return baseString.substring(0, index) + insertString + baseString.substring(index);
}

// Пример использования
const str = "Goodbye!";
const insert = " cruel";
const position = 4;

const result = insertString(str, insert, position);
console.log(result); // "Goodbye cruel!"

Способ 3: Использование шаблонных строк (ES6)

В некоторых случаях, если необходимые данные уже структурированы, можно использовать шаблонные строки для вставки значений.

Пример:

const originalString = "The quick brown fox";
const insertString = "jumps over ";
const index = 16; // индекс, где будем вставлять

const newString = `${originalString.slice(0, index)}${insertString}${originalString.slice(index)}`;
console.log(newString); // "The quick brown jumps over fox"