run-dev

Метод slice в JavaScript: как обрезать строку или массив в JS

Метод slice() в JavaScript используется для извлечения части массива или строки без изменения исходного значения. Он позволяет копировать определённый диапазон элементов, создавая новый массив или строку.

Использование slice() для массивов

Метод slice() применяется к массивам для получения их подмножества. Синтаксис:

array.slice([start], [end])
  • start – индекс начала извлечения (включительно).
  • end – индекс окончания (не включается в новый массив).

Если end не указан, копирование выполняется до конца массива.

Примеры

const numbers = [1, 2, 3, 4, 5];

console.log(numbers.slice(1, 4)); // [2, 3, 4]
console.log(numbers.slice(2));    // [3, 4, 5]
console.log(numbers.slice(-3));   // [3, 4, 5]

Отрицательные значения start и end отсчитываются от конца массива.

Обрезка строк с помощью slice()

Метод slice() также применяется к строкам для извлечения подстроки:

string.slice([start], [end])

Аналогично массивам, start – индекс начала, а end – индекс окончания, который не включается в итоговую строку.

Примеры

const text = "JavaScript";

console.log(text.slice(0, 4));  // "Java"
console.log(text.slice(4));     // "Script"
console.log(text.slice(-6, -3)); // "aSc"

Различие slice() и splice()

Метод slice() создаёт новый массив, не изменяя исходный, а splice() изменяет оригинальный массив.

Пример разницы:

const arr = [1, 2, 3, 4, 5];

console.log(arr.slice(1, 3)); // [2, 3]
console.log(arr);             // [1, 2, 3, 4, 5]

console.log(arr.splice(1, 3)); // [2, 3, 4]
console.log(arr);              // [1, 5]

Метод slice() в JavaScript — удобный инструмент для работы со строками и массивами. Он позволяет извлекать элементы без изменения исходных данных, что делает его отличным выбором для безопасного копирования и работы с частями коллекций.

Больше записей