JavaScript Skikking Iterasie
Skikking iterasie metodes werk op elke skikking item.
JavaScript Array forEach()
Die forEach()metode roep 'n funksie ('n terugbelfunksie) een keer vir elke skikkingselement.
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value + "<br>";
}
Let daarop dat die funksie 3 argumente neem:
- Die itemwaarde
- Die item-indeks
- Die skikking self
Die voorbeeld hierbo gebruik slegs die waarde parameter. Die voorbeeld kan herskryf word na:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value + "<br>";
}
JavaScript Skikking kaart()
Die map()metode skep 'n nuwe skikking deur 'n funksie op elke skikkingselement uit te voer.
Die map()metode voer nie die funksie uit vir skikkingselemente sonder waardes nie.
Die map()metode verander nie die oorspronklike skikking nie.
Hierdie voorbeeld vermenigvuldig elke skikkingwaarde met 2:
Voorbeeld
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
function myFunction(value, index, array) {
return value * 2;
}
Let daarop dat die funksie 3 argumente neem:
- Die itemwaarde
- Die item-indeks
- Die skikking self
Wanneer 'n terugbelfunksie slegs die waardeparameter gebruik, kan die indeks- en skikkingsparameters weggelaat word:
Voorbeeld
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
function myFunction(value) {
return value * 2;
}
JavaScript Array filter()
Die filter()metode skep 'n nuwe skikking met skikkingselemente wat 'n toets slaag.
Hierdie voorbeeld skep 'n nuwe skikking van elemente met 'n waarde groter as 18:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
Let daarop dat die funksie 3 argumente neem:
- Die itemwaarde
- Die item-indeks
- Die skikking self
In die voorbeeld hierbo gebruik die terugbelfunksie nie die indeks- en skikkingparameters nie, dus kan hulle weggelaat word:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
const over18 =
numbers.filter(myFunction);
function myFunction(value) {
return value > 18;
}
JavaScript Array reduce()
Die reduce()metode voer 'n funksie op elke skikkingselement uit om 'n enkele waarde te produseer (verminder dit tot).
Die reduce()metode werk van links na regs in die skikking. Sien ook reduceRight().
Die reduce()metode verminder nie die oorspronklike skikking nie.
Hierdie voorbeeld vind die som van alle getalle in 'n skikking:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
function myFunction(total, value, index, array) {
return total + value;
}
Let daarop dat die funksie 4 argumente neem:
- Die totaal (die aanvanklike waarde / voorheen teruggekeerde waarde)
- Die itemwaarde
- Die item-indeks
- Die skikking self
Die voorbeeld hierbo gebruik nie die indeks en skikking parameters nie. Dit kan herskryf word na:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
function myFunction(total, value) {
return total + value;
}
Die reduce()metode kan 'n beginwaarde aanvaar:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction,
100);
function myFunction(total, value) {
return total + value;
}
JavaScript Array reduceRight()
Die reduceRight()metode voer 'n funksie op elke skikkingselement uit om 'n enkele waarde te produseer (verminder dit tot).
Die reduceRight()werk van regs na links in die skikking. Sien ook reduce().
Die reduceRight()metode verminder nie die oorspronklike skikking nie.
Hierdie voorbeeld vind die som van alle getalle in 'n skikking:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let sum = numbers1.reduceRight(myFunction);
function myFunction(total, value, index, array) {
return total + value;
}
Let daarop dat die funksie 4 argumente neem:
- Die totaal (die aanvanklike waarde / voorheen teruggekeerde waarde)
- Die itemwaarde
- Die item-indeks
- Die skikking self
Die voorbeeld hierbo gebruik nie die indeks en skikking parameters nie. Dit kan herskryf word na:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let sum = numbers1.reduceRight(myFunction);
function myFunction(total, value) {
return total + value;
}
JavaScript-reeks elke ()
Die every()metode kyk of alle skikkingwaardes 'n toets slaag.
Hierdie voorbeeld kyk of alle skikkingwaardes groter as 18 is:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let allOver18 =
numbers.every(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
Let daarop dat die funksie 3 argumente neem:
- Die itemwaarde
- Die item-indeks
- Die skikking self
Wanneer 'n terugbelfunksie slegs die eerste parameter (waarde) gebruik, kan die ander parameters weggelaat word:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let allOver18 =
numbers.every(myFunction);
function myFunction(value) {
return
value > 18;
}
JavaScript Array some()
Die some()metode kyk of sommige skikkingwaardes 'n toets slaag.
Hierdie voorbeeld kyk of sommige skikkingwaardes groter as 18 is:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
Let daarop dat die funksie 3 argumente neem:
- Die itemwaarde
- Die item-indeks
- Die skikking self
JavaScript Array indexOf()
Die indexOf()metode soek 'n skikking vir 'n elementwaarde en gee sy posisie terug.
Let wel: Die eerste item het posisie 0, die tweede item het posisie 1, ensovoorts.
Voorbeeld
Soek 'n skikking vir die item "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;
Sintaksis
array.indexOf(item, start)
| item | Required. The item to search for. |
| start | Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the end. |
Array.indexOf() gee -1 terug as die item nie gevind word nie.
As die item meer as een keer teenwoordig is, gee dit die posisie van die eerste voorkoms terug.
JavaScript Array lastIndexOf()
Array.lastIndexOf()is dieselfde as Array.indexOf(), maar gee die posisie van die laaste voorkoms van die gespesifiseerde element terug.
Voorbeeld
Soek 'n skikking vir die item "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;
Sintaksis
array.lastIndexOf(item, start)
| item | Required. The item to search for |
| start | Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the beginning |
JavaScript Array vind ()
Die find()metode gee die waarde van die eerste skikkingselement terug wat 'n toetsfunksie slaag.
Hierdie voorbeeld vind (gee die waarde van) die eerste element wat groter as 18 is:
Voorbeeld
const numbers = [4, 9, 16, 25, 29];
let first =
numbers.find(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
Let daarop dat die funksie 3 argumente neem:
- Die itemwaarde
- Die item-indeks
- Die skikking self
Blaaierondersteuning
find()is 'n ES6-kenmerk (JavaScript 2015).
Dit word ondersteun in alle moderne blaaiers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
find()word nie in Internet Explorer ondersteun nie.
JavaScript Array findIndex()
Die findIndex()metode gee die indeks van die eerste skikkingselement terug wat 'n toetsfunksie slaag.
Hierdie voorbeeld vind die indeks van die eerste element wat groter as 18 is:
Voorbeeld
const numbers = [4, 9, 16, 25, 29];
let first =
numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
Let daarop dat die funksie 3 argumente neem:
- Die itemwaarde
- Die item-indeks
- Die skikking self
Blaaierondersteuning
findIndex()is 'n ES6-kenmerk (JavaScript 2015).
Dit word ondersteun in alle moderne blaaiers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
findIndex()word nie in Internet Explorer ondersteun nie.
JavaScript Array.from()
Die Array.from()metode gee 'n Array-voorwerp terug vanaf enige voorwerp met 'n lengte-eienskap of enige itereerbare voorwerp.
Voorbeeld
Skep 'n skikking van 'n string:
Array.from("ABCDEFG");
Blaaierondersteuning
from()is 'n ES6-kenmerk (JavaScript 2015).
Dit word ondersteun in alle moderne blaaiers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
from()word nie in Internet Explorer ondersteun nie.
JavaScript-skikkingsleutels()
Die Array.keys()metode gee 'n Array Iterator-voorwerp terug met die sleutels van 'n skikking.
Voorbeeld
Create an Array Iterator object, containing the keys of the array:
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();
for (let x of keys) {
text += x + "<br>";
}
Browser Support
keys() is an ES6 feature (JavaScript 2015).
It is supported in all modern browsers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
keys() is not supported in Internet Explorer.
JavaScript Array includes()
ECMAScript 2016 introduced Array.includes() to arrays.
This allows us to check if an element is present in an array (including NaN, unlike indexOf).
Example
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // is true
Syntax
array.includes(search-item)
Array.includes() allows to check for NaN values. Unlike Array.indexOf().
Array.includes() is not supported in Internet Explorer and Edge 12/13.
The first browser versions with full support are:
Browser Support
includes() is an ECMAScript 2016 feature.
It is supported in all modern browsers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
includes() is not supported in Internet Explorer.
Complete Array Reference
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.