Odstraňte prvky z pole JavaScript

Odstraňte prvky z pole JavaScript

Odstranění prvků z pole JavaScript znamená odebrání určitých položek z pole. Toto je základní a důležitý úkol při programování, protože pomáhá udržovat pole přesné a usnadňuje manipulaci s daty. V tomto článku budeme diskutovat o několika metodách odstranění prvků z pole JavaScript.

Metody odstranění prvků z pole JavaScript

Existují různé způsoby odstranění prvků z pole JavaScript, které jsou popsány níže:

Obsah

Poznámka: Existují další metody, které jsou vytvořeny JavaScript vestavěné metody.

Metoda 1: Odstraňte pole formuláře posledního prvku pomocí metody pop().

Tato metoda se používá k odstranění posledního prvku pole a vrátí odstraněný prvek. Tato funkce zkrátí délku pole o 1 pokaždé, když je prvek odstraněn.

Příklad 1: Níže uvedený kód je základní implementací metoda pop(). k odstranění prvků z pole.

javascript
// 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); 

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

Příklad 2: Níže uvedený kód odstraňuje prvky z pole pomocí metody pop(), dokud se délka pole nezmění na 0.

javascript
// 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) 

Výstup
Original array: pop,splice,filter,shift Array Length: 0 

Metoda 2: Odstraňte první prvek z pole pomocí metody shift().

Tato metoda se používá k odstranění a vrácení prvního prvku pole a zmenšení velikosti původního pole o 1.

Příklad: Níže uvedený kód je základní implementací metoda shift(). k odstranění prvků pole.

javascript
// 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); 

Výstup
Removed element: shift Remaining elements: splice,filter,pop 

Metoda 3: Odeberte prvek z pole v libovolném indexu pomocí metody splice().

Splice metoda se používá k úpravě obsahu pole odstraněním existujících prvků a/nebo přidáním nových prvků. Chcete-li odstranit prvky metodou splice() můžete prvky určit různými způsoby.

Příklad 1: Tento příklad používá indexování metody splice k odstranění prvků z pole JavaScript.

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); 

Výstup
Removed element: splice Remaining elements: shift,filter,pop 

Příklad 2: Tento příklad používá hodnotu metody splice k odstranění prvků z pole JavaScript.

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);  } } 

Výstup
Removed element: splice Remaining elements: shift,filter,pop 

Příklad 3: Použití metody splice k odstranění každého prvku z pole JavaScriptu.

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) 

Výstup
Original array: pop,splice,filter,shift Empty array: 

Metoda 4: Odstraňte prvek z pole s určitou podmínkou pomocí metody filter().

Filtrační metoda se používá k vytvoření nového pole z daného pole sestávajícího pouze z těch prvků z daného pole, které splňují podmínku nastavenou funkcí argument. Chcete-li prvky odstranit metodou filter(), můžete prvky specifikovat různými způsoby.

Příklad: Níže uvedený příklad používá hodnotu metody filtru k odstranění prvků z pole JavaScript.

javascript
// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; } function func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive);  console.log('Pozitivní prvky v poli: ' + filtrováno); } func(); 

Výstup
Positive elements in array: 101,98,12,848 

Metoda 5: Odeberte prvky pole s indexem pomocí operátoru odstranění

The odstranit operátor vrátí booleovskou hodnotu, skutečný, pokud je prvek nebo vlastnost odstraněna z pole nebo objektu a Nepravdivé, pokud je funkce nebo proměnná předána k odstranění.

Příklad: Níže uvedený kód implementuje operátor delete k odstranění prvků z pole.

javascript
// 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); 

Výstup
Removed: true Remaining elements: lodash,remove,,reset 

Metoda 6: Odeberte prvky pole pomocí přístupu Clear and Reset Approach

Odstranění prvků z pole pomocí přístupu ručního vymazání a resetování buď resetováním délky pole na 0 pomocí vlastnosti length, nebo přiřazením pole k prázdnému poli ([]).

Příklad: Tento příklad vysvětluje, jak můžete implementovat přístup clear a reset v JavaScriptu.

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); 

Výstup
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: [] 

Metoda 7: Odeberte prvek z pole pomocí cyklu for() a nového pole

Zde jednoduchý pro smyčku bude spuštěn přes pole a vloží všechny prvky v novém poli kromě prvku, který je třeba odstranit.

Příklad: Níže uvedený příklad používá cyklus for a a nové pole k odstranění prvků z pole.

Javascript
let removeElement = (array, n) =>{ let newArray = [];  for (ať 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); 

Výstup
Remaining elements: 1,3,4,5 

Metoda 8: Odeberte prvek pole pomocí metody lodash _.remove

K odstranění prvků z pole JavaScript použijte knihovnu lodash. Chcete-li používat knihovnu lodash, musíte ji nainstalovat lokálně do vašeho systému.

Příklad: Tento kód implementuje _.odstranit() metoda lodash k odstranění prvku z pole.

Javascript
// 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); 

Výstup:

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