JavaScript arraymetoder

Kraften i JavaScript-arrayen döljs i arraymetoder.

Konvertera arrayen till en sträng

JavaScript-metod toString() Konvertera arrayen till en sträng av arrayvärden (komma-separerade).

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Resultat

Banana,Orange,Apple,Mango

Prova själv

join() Metoden kan också kombinera alla arrayelement till en sträng.

Det beteende liknar toString(), men du kan också specificera ett separator:

Exempel

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Resultat

Banana * Orange * Apple * Mango

Prova själv

Popping och Pushing

När du hanterar arrayer är det enkelt att ta bort element och lägga till nya.

Popping och Pushing innebär:

Från arrayenTa bortProjekt, eller lägg till till arrayenLägg tillProjekt.

Popping

pop() Metoden tar bort det sista elementet från arrayen:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Ta bort det sista elementet från fruits ("Mango")

Prova själv

pop() Metoden returnerar värdet som har tagits bort:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x-värdet är "Mango"

Prova själv

Pushing

push() Metoden lägger till ett nytt element till slutet av arrayen:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // Lägg till en ny element till fruits

Prova själv

push() Metoden returnerar längden på den nya arrayen:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // x-värdet är 5

Prova själv

Shift element

Shift är lika med pop, men hanterar det första elementet istället för det sista.

shift() Metoden tar bort det första elementet och flyttar alla andra element till lägre index.

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Från fruits ta bort det första elementet "Banana"

Prova själv

shift() Metoden returnerar det "flyttade ut" elementet:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // Returnerar "Banana"

Prova själv

unshift() Metoden (på början) lägger till nya element till arrayen och "flyttar" de gamla elementen:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Lägg till det nya elementet "Lemon" till fruits

Prova själv

unshift() Metoden returnerar längden på den nya arrayen.

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Returnerar 5

Prova själv

ändra element

Genom att använda derasindexnummerför att komma åt arrayens element:

ArrayIndex (subindex)Börjar vid 0. [0] är det första elementet i arrayen, [1] är det andra, [2] är det tredje ...

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Gör det första elementet i fruits till "Kiwi"

Prova själv

length Egenskapen ger ett enkelt sätt att lägga till nya element till arrayen:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Lägg till "Kiwi" till fruits

Prova själv

Ta bort element

Eftersom JavaScript-arrayer är objekt kan elementen använda JavaScript delete operatorn för attTa bort:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Gör det första elementet i fruits till undefined

Prova själv

för att delete lämnar tomma platser i arrayen. Använd pop() eller shift() istället.

Kombinera arrayer

splice() Metoden kan användas för att lägga till nya poster i arrayen:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Prova själv

Den första parametern (2) definierar var den nya elementen ska läggas till (kombineras).

Den andra parametern (0) definierar hur många element som ska tas bort.

Övriga parametrar ("Lemon","Kiwi") definierar de nya element som ska läggas till.

splice() Metoden returnerar en array som innehåller de borttagna elementen:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Prova själv

splice() för att ta bort element

Genom att sätta parametrarna på ett smart sätt kan du använda splice() Ta bort element utan att lämna tomma platser i arrayen:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Ta bort det första elementet från fruits

Prova själv

Den första parametern (0) definierar varje ny element bör placeraslägga tillinmatningspositionen.

den andra parametern (1) definierarta bort fleraelement.

de övriga parametrarna är utelämnade. Inga nya element läggs till.

sammanslå (koppla samman) arrayer

concat() metoden skapar en ny array genom att sammanfoga (koppla samman) befintliga arrayer:

exempel (koppla samman två arrayer)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Koppla samman myGirls och myBoys

Prova själv

concat() metoden ändrar inte den befintliga arrayen. Den returnerar alltid en ny array.

concat() metoden kan använda ett obegränsat antal arrayparametrar:

exempel (koppla samman tre arrayer)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // Koppla samman arr1, arr2 och arr3

Prova själv

concat() metoden kan också använda värden som parametrar:

exempel (sammanfoga array med värden)

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Prova själv

klippa array

slice() metoden skapar en ny array med hjälp av en del av arrayen.

i detta exempel börjar vi skära ut en del av arrayen från element 1 ("Orange"):

Exempel

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

Prova själv

slice() metoden skapar en ny array. Den tar inte bort några element från den ursprungliga arrayen.

i detta exempel börjar vi skära ut en del av arrayen från element 3 ("Apple"):

Exempel

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

Prova själv

slice() den accepterar två parametrar, till exempel (1, 3).

metoden väljer element från börjanparametern och fortsätter tills slutparametern (exklusive).

Exempel

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Prova själv

om slutparametern är utelämnad, till exempel i det första exemplet, då slice() kommer att skära ut den återstående delen av arrayen.

Exempel

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

Prova själv

auto toString()

Om du behöver originalvärden, konverterar JavaScript automatiskt arrayen till en sträng. Följande två exempel genererar samma resultat:

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Prova själv

Exempel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Prova själv

Alla JavaScript-objekt har toString() metoder.

Arraysortering

Vi kommer att lära oss mer om arraysortering i nästa kapitel~.

Sök efter största och minsta värden i en array

Det finns inga inbyggda funktioner för att hitta högsta och lägsta värden i JavaScript-arrayer.

Du kommer att lära dig hur du löser detta problem i nästa kapitel av denna tutorial.

Fullständig arrayreferenshandbok

För en fullständig referenshandbok, besök vår fullständiga JavaScript-arrayreferenshandbok.

Denna referenshandbok innehåller beskrivningar och exempel på alla arrayegenskaper och metoder.