Indexerade samlingar i JavaScript hänvisar till datastrukturer som arrayer, där element lagras och nås av numeriska index. Matriser möjliggör effektiv lagring och hämtning av beställda data, vilket ger metoder för manipulation och genomgång av deras element.

Exempel

en array kallas 'student' innehåller namnen på eleverna och indexvärdena är rullen Tal av eleverna. JavaScript har inte en explicit matrisdatatyp. Däremot kan vi använda det fördefinierade Array-objektet i JavaScript och dess metoder för att arbeta med arrayer.

Skapa en array: Det finns många sätt att skapa och initiera en array som listas nedan:

• Skapa arrayer utan att definiera arraylängden. I det här fallet är längden lika med antalet argument.

Syntax:

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

• Skapa en array med den givna storleken

Syntax:

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

• Skapa en array med variabel längd och lägg till många element efter behov.

// 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'];>

Metoderna som kan tillämpas över arrayer är:

• Åtkomst till Array Elements
• Erhålla arraylängd
• Itererar över arrayer
  • JavaScript för loop
  • JavaScript forEach() Loop
  • JavaScript för varje slinga med Pilfunktioner
• Array-metoder
  • JavaScript push() metod
  • JavaScript pop() Metod
  • JavaScript concat() Metod
  • JavaScript join() Metod
  • JavaScript sort() Metod
  • JavaScript indexOf() metod
  • JavaScript shift() Metod
  • JavaScript filter() Metod

Åtkomst till Array Elements

Använd index för att komma åt matriselement. Indices of Arrays är nollbaserade vilket innebär att indexet för elementen börjar med noll.

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

Apple Mango>

Erhålla arraylängd

Använd array_name för att få längden på en array. längd egendom .

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

3>

Itererar över arrayer

Det finns många sätt att iterera arrayelementen.

• JavaScript för loop : for loop ger ett kortfattat sätt att skriva loopstrukturen. Till skillnad från en while-loop, förbrukar en for-sats initieringen, villkoret och ökningen/minskningen på en rad, vilket ger en kortare, lätt att felsöka struktur för looping.

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

Apple Mango Banana>

• JavaScript forEach() Loop : Funktionen forEach() tillhandahåller en gång för varje element i arrayen. Den tillhandahållna funktionen kan utföra vilken typ av operation som helst på elementen i den givna arrayen.

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

Apple Mango Banana>

• JavaScript för varje slinga med Pilfunktioner :

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

Apple Mango Banana>

Array-metoder

Det finns olika arraymetoder tillgängliga för oss för att arbeta med arrayer. Dessa är:

• JavaScript push() metod : Denna metod lägger till ett eller flera element i slutet av en array och returnerar den resulterande längden på arrayen.

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

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

• JavaScript pop() Metod : Denna metod tar bort det sista elementet från en array och returnerar det elementet.

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

3>

• JavaScript concat() Metod : Den här metoden ansluter sig två arrayer och returnerar en ny 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() Metod : Denna metod skapar en sträng genom att sammanfoga alla element i en array.

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

john - jane - joe>

• JavaScript sort() Metod : Denna metod sorterar elementen i en array.

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

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

• JavaScript indexOf() metod : Denna metod söker i arrayen efter ett element och returnerar indexet för den första förekomsten av elementet.

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

1>

• JavaScript shift() Metod : Denna metod tar bort det första elementet från en array och returnerar det elementet.

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

a>

• JavaScript reverse() metod : Denna metod vänder på att det första matriselementet blir det sista och det sista blir det första. Den transponerar alla element i en array på detta sätt och returnerar en referens till arrayen.

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

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

• JavaScript map() Metod : Den här metoden returnerar en ny array av det returnerade värdet från exekvering av en funktion på varje arrayobjekt.

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

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

• JavaScript filter() Metod : Denna metod returnerar en ny array som innehåller de objekt för vilka funktionen returnerade sant.

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

[ 10, 20, 30 ]>