Основні методи масивів

7.1 Метод splice()

Масиви у JavaScript надають вбудовані методи для маніпуляції з даними. У цій лекції ми розглянемо чотири основних методи масивів: splice(), slice(), concat() і indexOf(). Кожен із цих методів виконує певні операції над масивами і може значно спростити обробку даних.

Метод splice() змінює вміст масиву, видаляючи існуючі елементи і/або додаючи нові елементи на їх місце.

Синтаксис:

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

Де:

• start: індекс, з якого потрібно починати зміни
• deleteCount: кількість елементів, що видаляються. Якщо не вказано, видаляються всі елементи, починаючи з позиції start
• item1, item2, ...: елементи, які додаються в масив. Якщо не вказано, елементи не додаються

Приклад 1: Видалення елементів

У цьому прикладі з масиву fruits видаляються два елементи, починаючи з індексу 2. Повернене значення — масив видалених елементів.

    
      let fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
      let removed = fruits.splice(2, 2);

      console.log(fruits);   // Виведе: ['apple', 'banana', 'fig']
      console.log(removed);  // Виведе: ['cherry', 'date']
    
  

Приклад 2: Додавання елементів

У цьому прикладі в масив fruits додаються два нових елементи (date і fig) починаючи з індексу 2. Видалення елементів не виконується.

    
      let fruits = ['apple', 'banana', 'cherry'];
      fruits.splice(2, 0, 'date', 'fig');

      console.log(fruits);   // Виведе: ['apple', 'banana', 'date', 'fig', 'cherry']
    
  

Приклад 3: Заміна елементів

У цьому прикладі елемент з індексом 1 (banana) замінюється двома новими елементами (date і fig).

    
      let fruits = ['apple', 'banana', 'cherry'];
      fruits.splice(1, 1, 'date', 'fig');

      console.log(fruits);   // Виведе: ['apple', 'date', 'fig', 'cherry']
    
  

7.2 Метод slice()

Метод slice() повертає новий масив, що містить копію частини вихідного масиву. Вихідний масив не змінюється.

Синтаксис:

    
      array.slice(begin, end);
    
  

Де:

• begin: індекс, з якого потрібно починати копіювання
• end: індекс, до якого копіювати (не включаючи елемент з цим індексом). Якщо не вказано, копіюються всі елементи до кінця масиву

Приклад 1: Копіювання частини масиву

У цьому прикладі створюється новий масив, що містить елементи з індексами від 1 до 2 із масиву fruits.

    
      let fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
      let sliced = fruits.slice(1, 3);

      console.log(sliced);   // Виведе: ['banana', 'cherry']
    
  

Приклад 2: Копіювання з початку масиву

У цьому прикладі створюється новий масив, що містить елементи з індексами 0 і 1 із масиву fruits.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let sliced = fruits.slice(0, 2);

      console.log(sliced);   // Виведе: ['apple', 'banana']
    
  

Приклад 3: Копіювання до кінця масиву

У цьому прикладі створюється новий масив, що містить елементи з індекса 1 до кінця масиву fruits.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let sliced = fruits.slice(1);

      console.log(sliced);   // Виведе: ['banana', 'cherry']