logo

JavaScript-indekserte samlinger

Indekserte samlinger i JavaScript refererer til datastrukturer som matriser, der elementer lagres og åpnes av numeriske indekser. Arrays tillater effektiv lagring og gjenfinning av bestilte data, og gir metoder for manipulering og kryssing av elementene deres.

Eksempel



an array kalt 'student' inneholder navnene på elevene og indeksverdiene er rullen Tall av elevene. JavaScript har ikke en eksplisitt matrisedatatype. Vi kan imidlertid bruke det forhåndsdefinerte Array-objektet i JavaScript og dets metoder for å arbeide med arrays.

Opprette en matrise: Det er mange måter å opprette og initialisere en matrise som er oppført nedenfor:

  • Opprette matriser uten å definere matriselengden. I dette tilfellet er lengden lik antall argumenter.

Syntaks:



let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>
  • Opprette en matrise med den gitte størrelsen

Syntaks:

let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>
  • Lag en matrise med variabel lengde og legg til mange elementer etter 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'];>

Metodene som kan brukes over matriser er:

  • Få tilgang til Array Elements
  • Få array lengde
  • Iterering over arrays
    • JavaScript for loop
    • JavaScript for hver()-løkke
    • JavaScript for hver sløyfe med Pilfunksjoner
  • Array-metoder
    • JavaScript push() metode
    • JavaScript pop() Metode
    • JavaScript concat() metode
    • JavaScript join() Metode
    • JavaScript sort() Metode
    • JavaScript indexOf() metode
    • JavaScript shift() Metode
    • JavaScript filter() Metode

Få tilgang til Array Elements

Bruk indekser for å få tilgang til matriseelementer. Indekser for matriser er nullbaserte, noe som betyr at indeksen til elementene begynner med null.



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

Produksjon
Apple Mango>

Få array lengde

For å få lengden på en matrise, bruk matrisenavn. lengde eiendom .

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

Produksjon
3>

Iterering over arrays

Det er mange måter å iterere matriseelementene på.

  • JavaScript for loop : for loop gir en kortfattet måte å skrive loopstrukturen på. I motsetning til en while-løkke, bruker en for-setning initialiseringen, tilstanden og økningen/dekrementeringen på én linje, og gir dermed en kortere struktur for looping som er lett å feilsøke.
javascript
const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]); }>

Produksjon
Apple Mango Banana>
  • JavaScript for hver()-løkke : ForEach()-funksjonen gir én gang for hvert element i matrisen. Den angitte funksjonen kan utføre enhver form for operasjon på elementene i den gitte matrisen.
javascript
const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) {  console.log(fruit); });>

Produksjon
Apple Mango Banana>
  • JavaScript for hver sløyfe med Pilfunksjoner :
javascript
const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(frukt));>

Produksjon
Apple Mango Banana>

Array-metoder

Det finnes ulike array-metoder tilgjengelig for oss for å jobbe med arrays. Disse er:

  • JavaScript push() metode : Denne metoden legger til ett eller flere elementer på slutten av en matrise og returnerer den resulterende lengden på matrisen.
javascript
let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>

Produksjon
[ '1', '2', '3' ]>
  • JavaScript pop() Metode : Denne metoden fjerner det siste elementet fra en matrise og returnerer det elementet.
javascript
let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);>

Produksjon
3>
  • JavaScript concat() Metode : Denne metoden blir med to matriser og returnerer en ny matrise.
javascript
let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);>

Produksjon
[ '1', '2', '3', 'a', 'b', 'c' ]>
  • JavaScript join() Metode : Denne metoden lager en streng ved å slå sammen alle elementene i en matrise.
javascript
let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);>

Produksjon
john - jane - joe>
  • JavaScript sort() Metode : Denne metoden sorterer elementene i en matrise.
javascript
let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);>

Produksjon
[ 'East', 'South', 'West' ]>
  • JavaScript indexOf() metode : Denne metoden søker i matrisen etter et element og returnerer indeksen for den første forekomsten av elementet.
javascript
let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));>

Produksjon
1>
  • JavaScript shift() Metode : Denne metoden fjerner det første elementet fra en matrise og returnerer det elementet.
javascript
let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);>

Produksjon
a>
  • JavaScript reverse() metode : Denne metoden reverserer at det første array-elementet blir det siste og det siste blir det første. Den transponerer alle elementene i en matrise på denne måten og returnerer en referanse til matrisen.
javascript
let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);>

Produksjon
[ 'c', 'b', 'a' ]>
  • JavaScript map() Metode : Denne metoden returnerer en ny matrise med den returnerte verdien fra å utføre en funksjon på hvert matriseelement.
javascript
let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) {  return item.toUpperCase(); }); console.log(a2);>

Produksjon
[ 'A', 'B', 'C' ]>
  • JavaScript filter() Metode : Denne metoden returnerer en ny matrise som inneholder elementene som funksjonen returnerte sann for.
javascript
let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) {  return typeof item === 'number'; }); console.log(a2);>

Produksjon
[ 10, 20, 30 ]>