Видалення елементів із масиву JavaScript означає видалення певних елементів із масиву. Це основне та важливе завдання в програмуванні, оскільки воно допомагає підтримувати точність масиву та полегшує обробку даних. У цій статті ми обговоримо кілька методів видалення елементів з масиву JavaScript.

Методи видалення елементів із масиву JavaScript

Існують різні методи видалення елементів із масиву JavaScript, які обговорюються нижче:

Зміст

• Спосіб 1: видаліть останній елемент масиву форми за допомогою методу pop().
• Спосіб 2. Видалення першого елемента з масиву за допомогою методу shift().
• Спосіб 3. Видалення елемента з масиву за будь-яким індексом за допомогою методу splice().
• Спосіб 4: Видалення елемента з масиву з певною умовою за допомогою методу filter().
• Спосіб 5. Видалення елементів масиву з індексом за допомогою оператора видалення
• Спосіб 6. Видалення елементів масиву за допомогою підходу очищення та скидання
• Спосіб 7. Видалення елемента з масиву за допомогою циклу for() і створення нового масиву
• Спосіб 8. Видалення елемента масиву за допомогою методу lodash _.remove

Примітка: Є й інші методи, які створюються JavaScript вбудовані методи.

Спосіб 1: видаліть останній елемент масиву форми за допомогою методу pop().

Цей метод використовується для видалення останнього елемента масиву та повертає видалений елемент. Ця функція зменшує довжину масиву на 1 кожного разу, коли елемент видаляється.

Приклад 1: Наведений нижче код є базовою реалізацією метод pop(). щоб видалити елементи з масиву.

// JavaScript code to illustrate pop() function  // to remove array elements let arr = ['shift', 'splice', 'filter', 'pop']; // Popping the last element from the array  let popped = arr.pop(); console.log('Removed element: ' + popped); console.log('Remaining elements: ' + arr); console.log('Array length: ' + arr.length); 

Removed element: pop Remaining elements: shift,splice,filter Array length: 3 

приклад 2: Наведений нижче код видаляє елементи з масиву за допомогою методу pop(), доки довжина масиву не стане рівною 0.

// Declare and initialize an array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Loop run while array length not zero while (array.length) {  // Remove elements from array  array.pop(); } console.log('Array Length: ' + array.length) 

Original array: pop,splice,filter,shift Array Length: 0 

Спосіб 2. Видалення першого елемента з масиву за допомогою методу shift().

Цей метод використовується для видалення та повернення першого елемента масиву та зменшення розміру вихідного масиву на 1.

приклад: Наведений нижче код є базовою реалізацією метод shift(). щоб видалити елементи масиву.

// JavaScript code to illustrate shift() method // to remove elements from array let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the first element from array  let shifted = arr.shift(); console.log('Removed element: ' + shifted); console.log('Remaining elements: ' + arr); 

Removed element: shift Remaining elements: splice,filter,pop 

Спосіб 3. Видалення елемента з масиву за будь-яким індексом за допомогою методу splice().

Метод зрощення використовується для зміни вмісту масиву шляхом видалення існуючих елементів та/або додавання нових елементів. Щоб видалити елементи за допомогою методу splice(), ви можете вказати елементи різними способами.

Приклад 1: У цьому прикладі використовується індексація методу splice для видалення елементів із масиву JavaScript.

// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element from the array  let spliced = arr.splice(1, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr); 

Removed element: splice Remaining elements: shift,filter,pop 

приклад 2: У цьому прикладі використовується значення методу splice для видалення елементів із масиву JavaScript.

// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element by value from the array  for (let i = 0; i  < arr.length; i++) {  if (arr[i] === 'splice') {  let spliced = arr.splice(i, 1);  console.log('Removed element: ' + spliced);  console.log('Remaining elements: ' + arr);  } } 

Removed element: splice Remaining elements: shift,filter,pop 

приклад 3: Використання методу з’єднання для видалення кожного елемента з масиву JavaScript.

// Declare and initialize array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Making the length of array to 0 by using splice method array.splice(0, array.length); console.log('Empty array: ' + array) 

Original array: pop,splice,filter,shift Empty array: 

Спосіб 4: Видалення елемента з масиву з певною умовою за допомогою методу filter().

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

приклад: У наведеному нижче прикладі використовується значення методу filter для видалення елементів із масиву JavaScript.

// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; } функція func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive);  console.log('Позитивні елементи в масиві: ' + відфільтровано); } func(); 

Positive elements in array: 101,98,12,848 

Спосіб 5. Видалення елементів масиву з індексом за допомогою оператора видалення

The оператор видалення повертає логічне значення, правда, якщо елемент або властивість видалено з масиву або об’єкта та помилковий, якщо функцію або змінну передано для видалення.

приклад: Наведений нижче код реалізує оператор delete для видалення елементів із масиву.

// Declare and initialize an array let array = ['lodash', 'remove', 'delete', 'reset'] // Delete element at index 2 let deleted = delete array[2]; console.log('Removed: ' + deleted); console.log('Remaining elements: ' + array); 

Removed: true Remaining elements: lodash,remove,,reset 

Спосіб 6. Видалення елементів масиву за допомогою підходу очищення та скидання

Видалення елементів із масиву за допомогою підходу ручного очищення та скидання або скиданням довжини масиву на 0 за допомогою властивості length або призначенням масиву порожньому масиву ([]).

приклад: Цей приклад пояснює, як можна реалізувати підхід clear and reset у JavaScript.

// Declare and initialize an array let array1 = ['lodash', 'remove', 'delete', 'reset']; let array2 = [1, 2, 3, 4, 5]; console.log('Array1 before elements removal: ', array1); console.log('Array2 before elements removal: ', array2); // Delete each element of array array1 = []; array2.length = 0; console.log('Array1 after elements removal: ', array1); console.log('Array2 after elements removal: ', array2); 

Array1 before elements removal: [ 'lodash', 'remove', 'delete', 'reset' ] Array2 before elements removal: [ 1, 2, 3, 4, 5 ] Array1 after elements removal: [] Array2 after elements removal: [] 

Спосіб 7. Видалення елемента з масиву за допомогою циклу for() і створення нового масиву

Тут просто для циклу буде виконано над масивом і надішле всі елементи нового масиву, крім елемента, який потрібно видалити.

приклад: У наведеному нижче прикладі використовується цикл for і a новий масив щоб видалити елементи з масиву.

let removeElement = (array, n) =>{ let newArray = [];  для (нехай i = 0; i < array.length; i++) {  if (array[i] !== n) {  newArray.push(array[i]);  }  }  return newArray; }; let passed_in_array = [1, 2, 3, 4, 5]; let element_to_be_removed = 2; let result = removeElement(passed_in_array, element_to_be_removed); console.log('Remaining elements: ' + result); 

Remaining elements: 1,3,4,5 

Спосіб 8. Видалення елемента масиву за допомогою методу lodash _.remove

Використовуйте бібліотеку lodash, щоб видалити елементи з масиву JavaScript. Щоб використовувати бібліотеку lodash, її потрібно інсталювати локально у вашій системі.

приклад: Цей код реалізує _.remove() метод lodash для видалення елемента з масиву.

// Import Lodash library const _ = require('lodash'); // Declare and initialize an array let array = [101, 98, 12, -1, 848]; // using _.remove to remove odd number let evens= _.remove(array, function(n) {  return n % 2 == 0; });   console.log('Remaining odd elements: ' + array); console.log('Removed even elements: ' + evens); 

Вихід:

Removed odd elements: 101, -1 Remaining even elements: 98, 12, 848