JavaScript arraymetoder

Kraften af JavaScript array er skjult i array metoderne.

Konverter arrayet til en streng

JavaScript metode toString() Konverter arrayet til en streng af array værdier (komma adskilt).

Example

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

Resultat

Banana,Orange,Apple,Mango

Try it yourself

join() Metoden kan også kombinere alle array elementer til en streng.

Dets opførsel ligner toString(), men du kan også specificere et adskillelses tegn:

Example

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

Resultat

Banana * Orange * Apple * Mango

Try it yourself

Popping og Pushing

Det er meget simpelt at fjerne elementer og tilføje nye elementer, når man håndterer arrayer.

Popping og Pushing betyder:

Fra arrayFjernProjekt, eller tilføj til arrayIndsætProjekt.

Popping

pop() Metoden fjerner den sidste elementet fra arrayet:

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Fjern den sidste elementet ("Mango")

Try it yourself

pop() Metoden returnerer værdien, der er blevet fjernet:

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x værdi er "Mango"

Try it yourself

Pushing

push() Metoden tilføjer et nyt element til arrayet (på slutningen):

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // Tilføj et nyt element til fruits

Try it yourself

push() Metoden returnerer længden af den nye array:

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // x værdi er 5

Try it yourself

Flyt elementer

Flytning er lig med pop, men håndterer den første elementet i stedet for den sidste.

shift() Metoden fjerner den første elementet og flytter alle andre elementer til lavere indekser.

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Fjern den første elementet "Banana"

Try it yourself

shift() metoden returnerer den flyttede streng:

Example

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

Try it yourself

unshift() metoden (på toppen) tilføjer nye elementer til listen og "flytter" de gamle elementer tilbage:

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Tilføj nyt element "Lemon" til fruits

Try it yourself

unshift() metoden returnerer længden af den nye array.

Example

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

Try it yourself

ændre elementer

ved at bruge deresnummerfor at få adgang til elementerne i listen:

listenindeks (nedsænkelse)starter med 0. [0] er den første element i listen, [1] er den anden, [2] er den tredje ...

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Gør den første element i fruits til "Kiwi"

Try it yourself

length egenskaberne til at tilføje nye elementer til listen på en nem måde:

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Tilføj "Kiwi" til fruits

Try it yourself

fjerne elementer

da JavaScript-arrayer er objekter, kan elementerne bruge JavaScript delete operator tilfjern:

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Gør den første element i fruits til undefined

Try it yourself

brug delete lader en 'udefineret' tom plads efterlignes i listen. Brug pop() eller shift() i stedet.

Kobling af array

splice() Metoden kan bruges til at tilføje nye elementer til listen:

Example

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

Try it yourself

Den første parameter (2) definerer, hvor det nye element skal tilføjes (kobling).

Den anden parameter (0) definerer, hvor mange elementer der skal fjernes.

De øvrige parametre ("Lemon", "Kiwi") definerer de nye elementer, der skal tilføjes.

splice() Metoden returnerer en array, der indeholder de fjernede elementer:

Example

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

Try it yourself

splice() til at fjerne elementer

Ved at indstille parametrene klogt, kan du bruge splice() Fjern elementer uden at efterlade 'huller' i listen:

Example

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Fjern den første element i fruits

Try it yourself

Den første parameter (0) definerer hvor det nye element skal blivetilføjeskal (indsættes).

den anden parameter (1) definerer, hvorfjern flereelementer.

de øvrige parametre udelades. Der tilføjes ingen nye elementer.

flet (koble) arrayer

concat() metoden opretter en ny array ved at flette (koble) eksisterende arrayer sammen:

eksempel (flet to arrayer)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Flet myGirls og myBoys sammen

Try it yourself

concat() metoden ændrer ikke det eksisterende array. Den returnerer altid en ny array.

concat() metoden kan bruge et hvilket som helst antal arrayparametre:

eksempel (flet tre arrayer)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // Flet arr1, arr2 og arr3 sammen

Try it yourself

concat() metoden kan også bruge værdier som parametre:

eksempel (flet array med værdier)

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

Try it yourself

beskær array

slice() metoden bruger et stykke af arrayet til at oprette en ny array.

i dette eksempel begynder metoden at skære et stykke array fra element 1 ("Orange"):

Example

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

Try it yourself

slice() metoden opretter en ny array. Den fjerner ikke nogen elementer fra kildearrayet.

i dette eksempel begynder metoden at skære et stykke array fra element 3 ("Apple"):

Example

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

Try it yourself

slice() den kan acceptere to parametre, f.eks. (1, 3).

metoden vælger elementer fra startparametret til og med afslutningsparametret (ikke inkluderet).

Example

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

Try it yourself

hvis afslutningsparametret udelades, som i det første eksempel, så slice() vil skære ud resten af arrayet.

Example

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

Try it yourself

automatisk toString()

If you need the original value, JavaScript will automatically convert the array to a string. The following two examples will produce the same result:

Example

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

Try it yourself

Example

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

Try it yourself

All JavaScript objects have toString() method.

Array sorting

We will learn about array sorting in the next chapter ~.

Find the maximum and minimum values in an array

There are no built-in functions in JavaScript arrays to find the highest and lowest values.

You will learn how to solve this problem in the next chapter of this tutorial.

Complete array reference manual

For a complete reference manual, please visit our full JavaScript array reference manual.

This reference manual includes descriptions and examples of all array properties and methods.