Att ta bort element från en JavaScript-array innebär att man tar ut vissa objekt från arrayen. Detta är en grundläggande och viktig uppgift i programmering eftersom det hjälper till att hålla arrayen korrekt och gör datahanteringen enklare. I den här artikeln kommer vi att diskutera några metoder för att ta bort element från en JavaScript-array.

Metoder för att ta bort element från JavaScript-array

Det finns olika metoder för att ta bort element från en JavaScript-array som diskuteras nedan:

Innehållsförteckning

• Metod 1: Ta bort sista element från Array med pop()-metoden
• Metod 2: Ta bort det första elementet från Array med metoden shift().
• Metod 3: Ta bort element från Array vid valfritt index med splice()-metoden
• Metod 4: Ta bort element från array med vissa villkor med hjälp av filter()-metoden
• Metod 5: Ta bort Array Elements with Index med Delete Operator
• Metod 6: Ta bort Array Elements med Rensa och Återställ tillvägagångssätt
• Metod 7: Ta bort element från Array med for() loop och ny array
• Metod 8: Ta bort Array Element med lodash _.remove Method

Notera: Det finns andra metoder som skapas av JavaScript inbyggda metoder.

Metod 1: Ta bort sista element från Array med pop()-metoden

Denna metod används för att ta bort det sista elementet i arrayen och returnerar det borttagna elementet. Denna funktion minskar längden på arrayen med 1 varje gång elementet tas bort.

mamta kulkarni skådespelare

Exempel 1: Koden nedan är den grundläggande implementeringen av pop() metod för att ta bort element från en array.

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

Exempel 2: Koden nedan tar bort elementen från arrayen med pop()-metoden tills längden på arrayen blir 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>

Metod 2: Ta bort det första elementet från Array med metoden shift().

Denna metod används för att ta bort och returnera det första elementet i arrayen och minska storleken på den ursprungliga arrayen med 1.

Exempel: Koden nedan är en grundläggande implementering av shift() metod för att ta bort arrayelement.

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

Metod 3: Ta bort element från Array vid valfritt index med splice()-metoden

Skarvningsmetod används för att ändra innehållet i en array genom att ta bort befintliga element och/eller lägga till nya element. För att ta bort element med metoden splice() kan du specificera elementen på olika sätt.

Exempel 1: Det här exemplet använder indexeringen av skarvmetoden för att ta bort element från en JavaScript-array.

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

Exempel 2: Det här exemplet använder värdet för skarvningsmetoden för att ta bort element från en JavaScript-array.

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

Exempel 3: Använda skarvningsmetoden för att ta bort varje element från en JavaScript-array.

// 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:>

Metod 4: Ta bort element från array med vissa villkor med hjälp av filter()-metoden

Filtermetod används för att skapa en ny array från en given array som endast består av de element från den givna arrayen som uppfyller ett villkor som ställs av argumentfunktionen. För att ta bort element med filter()-metoden kan du specificera elementen på olika sätt.

Exempel: I exemplet nedan används filtermetodens värde för att ta bort element från en JavaScript-array.

// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; } function func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive);  console.log('Positiva element i array: ' + filtrerad); } func();>

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

Metod 5: Ta bort Array Elements with Index med Delete Operator

De ta bort operatör returnerar ett booleskt värde, Sann, om elementet eller egenskapen tas bort från arrayen eller objektet och falsk, om en funktion eller variabel skickas för att ta bort.

Exempel: Koden nedan implementerar delete-operatorn för att ta bort element från en array.

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

Metod 6: Ta bort Array Elements med Rensa och Återställ tillvägagångssätt

Ta bort element från en array med den manuella rensnings- och återställningsmetoden, antingen genom att återställa längden på arrayen till 0 med egenskapen length eller genom att tilldela arrayen till en tom array([]).

Exempel: Det här exemplet förklarar hur du kan implementera den tydliga och återställda metoden i 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: []>

Metod 7: Ta bort Element från Array med for() loop och ny array

Här en enkel för slinga kommer att köras över arrayen och skjuter alla element i den nya arrayen utom elementet som måste tas bort.

Exempel: I exemplet nedan används for-slingan och a ny array för att ta bort element från en array.

let removeElement = (array, n) =>{ låt newArray = [];  för (låt 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>

Metod 8: Ta bort Array Element med lodash _.remove Method

Använd lodash-biblioteket för att ta bort element från en JavaScript-array. För att använda lodash-biblioteket måste du installera det lokalt på ditt system.

Exempel: Denna kod implementerar _.avlägsna() metod för lodash för att ta bort element från en array.

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

Produktion:

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