JavaScript Array splice() Metod är en inbyggd metod i JavaScript som används för att ändra innehållet i en array genom att ta bort eller ersätta befintliga element och/eller lägga till nya element. Den modifierar den ursprungliga arrayen och returnerar en array av de borttagna elementen.

Array splice() Syntax:

Array.splice( index, remove_count, item_list )>

• index: Det är en obligatorisk parameter. Denna parameter är indexet från vilket ändringen av arrayen börjar (med origo vid 0). Detta kan också vara negativt, vilket börjar efter många element som räknas från slutet.
• remove_count: Antalet element som ska tas bort från startindexet.
• objektlista: Listan över nya objekt separerade av en kommaoperator som ska infogas från startindexet.

Returvärde

Även om den muterar den ursprungliga arrayen på plats, returnerar den fortfarande listan över borttagna objekt. Om det inte finns någon borttagen array returnerar den en tom array.

Array splice() Exempel

Här är det grundläggande exemplet på Array splice()-metoden.

let webDvlop = ['HTML', 'CSS', 'JS', 'Bootstrap']; console.log(webDvlop); // Add 'React_Native' and 'Php' after removing 'JS'. let removed = webDvlop.splice(2, 1, 'PHP', 'React_Native') console.log(webDvlop); console.log(removed); // No Removing only Insertion from 2nd  // index from the ending webDvlop.splice(-2, 0, 'React') console.log(webDvlop)>

[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>

Förklaring:

Denna JavaScript-kod demonstrerar manipulering av en array `webDvlop`. Inledningsvis loggar den arrayinnehållet. Sedan tar den bort JS från index 2 och infogar PHP och React_Native i dess ställe, och loggar den modifierade arrayen och det borttagna elementet. Slutligen infogar den React vid det näst sista indexet och loggar den slutliga arrayen.

Array splice() Exempel

Här är ett annat exempel på Array splice()-metoden.

let languages = ['C++', 'Java', 'Html', 'Python', 'C']; console.log(languages); // Add 'Julia' and 'Php' after removing 'Html'. let removed = languages.splice(2, 1, 'Julia', 'Php') console.log(languages); console.log(removed); // No Removing only Insertion from 2nd index from the ending languages.splice(-2, 0, 'Pascal') console.log(languages)>

[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>

Förklaring:

Denna JavaScript-kod fungerar på en array 'språk'. Inledningsvis loggar den arrayinnehållet. Sedan tar den bort HTML från index 2 och infogar Julia och Php i dess ställe, loggar den modifierade arrayen och det borttagna elementet. Slutligen infogar den Pascal vid det näst sista indexet och loggar den slutliga arrayen.

Vi har en komplett lista med Javascript Array-metoder, för att kontrollera dem, gå igenom detta Javascript Array Komplett referens artikel.

Webbläsare som stöds:

• Google Chrome
• Kant
• Internet Explorer
• Firefox
• Opera
• Safari