Geïndexeerde collecties in JavaScript verwijzen naar datastructuren zoals arrays, waar elementen worden opgeslagen en toegankelijk zijn via numerieke indices. Arrays maken efficiënte opslag en ophalen van geordende gegevens mogelijk en bieden methoden voor manipulatie en doorkruising van hun elementen.

Voorbeeld

een reeks genaamd ‘student’ bevat de namen van de studenten en de indexwaarden zijn de Roll Nummers van de studenten. JavaScript heeft geen expliciet arraygegevenstype. We kunnen echter het vooraf gedefinieerde Array-object in JavaScript en de bijbehorende methoden gebruiken om met arrays te werken.

Een array maken: Er zijn veel manieren om een ​​array te maken en te initialiseren, die hieronder wordt vermeld:

• Arrays maken zonder de arraylengte te definiëren. In dit geval is de lengte gelijk aan het aantal argumenten.

Syntaxis:

let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>

• Een array maken met de opgegeven grootte

Syntaxis:

let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>

• Maak een array met variabele lengte en voeg zoveel elementen toe als je nodig hebt.

// First method: Initialize an empty // array then add elements let students = []; students [0] = 'Sujata Singh'; students [1] = 'Mahesh Kumar'; students [2] = 'Leela Nair'; // Second method: Add elements to // an array when you create it let fruits = ['apple', ‘mango', 'Banana'];>

De methoden die via arrays kunnen worden toegepast zijn:

• Toegang tot de array-elementen
• Arraylengte verkrijgen
• Itereren over arrays
  • JavaScript voor lus
  • JavaScript forEach()-lus
  • JavaScript voor elke lus met Pijlfuncties
• Array-methoden
  • JavaScript push()-methode
  • JavaScript pop()-methode
  • JavaScript concat() Methode
  • JavaScript join()-methode
  • JavaScript sort()-methode
  • JavaScript-indexOf()-methode
  • JavaScript shift() Methode
  • JavaScript-filter() Methode

Toegang tot de array-elementen

Gebruik indexen om toegang te krijgen tot array-elementen. Indices van arrays zijn op nul gebaseerd, wat betekent dat de index van de elementen met nul begint.

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits [0]); console.log(fruits[1]);>

Apple Mango>

Arraylengte verkrijgen

Om de lengte van een array te verkrijgen, gebruikt u array_name. lengte eigendom .

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits.length)>

3>

Itereren over arrays

Er zijn veel manieren om de array-elementen te herhalen.

• JavaScript voor lus : for loop biedt een beknopte manier om de lusstructuur te schrijven. In tegenstelling tot een while-lus, gebruikt een for-instructie de initialisatie, voorwaarde en verhoging/verlaging op één regel, waardoor een kortere, eenvoudig te debuggen structuur van de lus ontstaat.

const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]); }>

Apple Mango Banana>

• JavaScript forEach()-lus : De functie forEach() biedt één keer voor elk element van de array. De geleverde functie kan elke soort bewerking uitvoeren op de elementen van de gegeven array.

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) {  console.log(fruit); });>

Apple Mango Banana>

• JavaScript voor elke lus met Pijlfuncties :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(fruit));>

Apple Mango Banana>

Array-methoden

Voor het werken met arrays staan ​​ons verschillende arraymethodes ter beschikking. Dit zijn:

• JavaScript push()-methode : Deze methode voegt een of meer elementen toe aan het einde van een array en retourneert de resulterende lengte van de array.

let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>

[ '1', '2', '3' ]>

• JavaScript pop()-methode : Deze methode verwijdert het laatste element uit een array en retourneert dat element.

let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);>

3>

• JavaScript concat() Methode : Deze methode doet mee twee arrays en retourneert een nieuwe array.

let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);>

[ '1', '2', '3', 'a', 'b', 'c' ]>

• JavaScript join()-methode : Deze methode creëert een string door alle elementen van een array samen te voegen.

let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);>

john - jane - joe>

• JavaScript sort()-methode : Deze methode sorteert de elementen van een array.

let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);>

[ 'East', 'South', 'West' ]>

• JavaScript-indexOf()-methode : Deze methode doorzoekt de array naar een element en retourneert de index van de eerste keer dat het element voorkomt.

let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));>

1>

• JavaScript shift() Methode : Deze methode verwijdert het eerste element uit een array en retourneert dat element.

let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);>

a>

• JavaScript reverse()-methode : Deze methode keert om dat het eerste array-element het laatste wordt en het laatste het eerste. Het transponeert op deze manier alle elementen in een array en retourneert een verwijzing naar de array.

let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);>

[ 'c', 'b', 'a' ]>

• JavaScript map() Methode : Deze methode retourneert een nieuwe array van de geretourneerde waarde door het uitvoeren van een functie op elk array-item.

let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) {  return item.toUpperCase(); }); console.log(a2);>

[ 'A', 'B', 'C' ]>

• JavaScript-filter() Methode : Deze methode retourneert een nieuwe array met de items waarvoor de functie true retourneert.

let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) {  return typeof item === 'number'; }); console.log(a2);>

[ 10, 20, 30 ]>