Найти в Дзене

Метод splice() и slice()

Метод splice() в JavaScript используется для изменения содержимого массива, позволяя добавлять, удалять или заменять элементы. Этот метод изменяет оригинальный массив и возвращает массив удаленных элементов. rray.splice(start, deleteCount, item1, item2, ...) let fruits = ['яблоко', 'банан', 'апельсин', 'груша'];
// Удаляем 2 элемента, начиная с индекса 1
let removedFruits = fruits.splice(1, 2);
console.log(fruits); // ['яблоко', 'груша']
console.log(removedFruits); // ['банан', 'апельсин'] let numbers = [1, 2, 3];
// Добавляем 4 и 5, начиная с индекса 2
numbers.splice(2, 0, 4, 5);
console.log(numbers); // [1, 2, 4, 5, 3] let colors = ['красный', 'зеленый', 'синий'];
// Заменяем 1 элемент, начиная с индекса 1
colors.splice(1, 1, 'желтый');
console.log(colors); // ['красный', 'желтый', 'синий'] let animals = ['кот', 'собака', 'птица', 'рыба'];
// Удаляем все элементы, начиная с индекса 1
animals.splice(1);
console.log(animals); // ['кот'] Метод splice() является мощным инструмент
Оглавление

Метод splice() в JavaScript используется для изменения содержимого массива, позволяя добавлять, удалять или заменять элементы. Этот метод изменяет оригинальный массив и возвращает массив удаленных элементов.

Синтаксис

rray.splice(start, deleteCount, item1, item2, ...)

  • start: Индекс, по которому начинается изменение массива.
  • deleteCount: Количество элементов, которые нужно удалить из массива, начиная с индекса start.
  • item1, item2, ...: Элементы, которые нужно добавить в массив, начиная с индекса start.

Примеры использования

1. Удаление элементов

let fruits = ['яблоко', 'банан', 'апельсин', 'груша'];

// Удаляем 2 элемента, начиная с индекса 1
let removedFruits = fruits.splice(1, 2);

console.log(fruits); // ['яблоко', 'груша']
console.log(removedFruits); // ['банан', 'апельсин']

2. Добавление элементов

let numbers = [1, 2, 3];

// Добавляем 4 и 5, начиная с индекса 2
numbers.splice(2, 0, 4, 5);

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

3. Замена элементов

let colors = ['красный', 'зеленый', 'синий'];

// Заменяем 1 элемент, начиная с индекса 1
colors.splice(1, 1, 'желтый');

console.log(colors); // ['красный', 'желтый', 'синий']

4. Удаление всех элементов после определенного индекса

let animals = ['кот', 'собака', 'птица', 'рыба'];

// Удаляем все элементы, начиная с индекса 1
animals.splice(1);

console.log(animals); // ['кот']

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

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

Синтаксис

Для массивов:

array.slice(start, end)

Для строк:

javascriptКопировать кодstring.slice(start, end)

  • start: Индекс, с которого начинается извлечение. Если этот параметр отрицательный, он указывает смещение от конца массива или строки.
  • end: Индекс, на котором заканчивается извлечение (не включая элемент с этим индексом). Если этот параметр не указан, slice() извлекает до конца массива или строки. Если он отрицательный, он также указывает смещение от конца.

Примеры использования

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

let fruits = ['яблоко', 'банан', 'апельсин', 'груша'];

// Извлекаем элементы с индекса 1 до 3 (не включая 3)
let citrus = fruits.slice(1, 3);

console.log(citrus); // ['банан', 'апельсин']
console.log(fruits); // ['яблоко', 'банан', 'апельсин', 'груша'] (оригинальный массив не изменился)

2. Использование slice() с отрицательными индексами

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

// Извлекаем последние 2 элемента
let lastTwo = numbers.slice(-2);

console.log(lastTwo); // [4, 5]

3. Использование slice() с строками

let text = "Hello, world!";

// Извлекаем подстроку с индекса 7 до 12
let substring = text.slice(7, 12);

console.log(substring); // 'world'

4. Извлечение до конца массива или строки

let colors = ['красный', 'зеленый', 'синий'];

// Извлекаем элементы с индекса 1 до конца
let greenAndBlue = colors.slice(1);

console.log(greenAndBlue); // ['зеленый', 'синий']

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