Indeksētās kolekcijas iekšā JavaScript attiecas uz datu struktūrām, piemēram, masīviem, kur elementi tiek glabāti un tiem var piekļūt ar skaitliskiem indeksi. Masīvi ļauj efektīvi uzglabāt un izgūt pasūtītos datus, nodrošinot metodes manipulēšanai un to elementu šķērsošanai.

Piemērs

an masīvs ar nosaukumu “students” satur studentu vārdus, un indeksa vērtības ir Roll Skaitļi no studentiem. JavaScript nav skaidra masīva datu tipa. Tomēr mēs varam izmantot iepriekš definētu masīva objektu JavaScript un tā metodes, lai strādātu ar masīviem.

Masīva izveide: Ir daudz veidu, kā izveidot un inicializēt masīvu, kas norādīts tālāk:

• Masīvu izveide, nenosakot masīva garumu. Šajā gadījumā garums ir vienāds ar argumentu skaitu.

Sintakse:

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

• Masīva izveide ar norādīto izmēru

Sintakse:

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

• Izveidojiet mainīga garuma masīvu un pievienojiet daudzus elementus pēc vajadzības.

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

Metodes, ko var izmantot masīviem, ir šādas:

• Piekļuve masīva elementiem
• Masīva garuma iegūšana
• Iterēšana pa masīviem
  • JavaScript cilpai
  • JavaScript forEach() Loop
  • JavaScript katrai cilpai ar Bultiņu funkcijas
• Masīvu metodes
  • JavaScript push() metode
  • JavaScript pop() metode
  • JavaScript concat() metode
  • JavaScript join() metode
  • JavaScript sort() metode
  • JavaScript indexOf() metode
  • JavaScript shift() metode
  • JavaScript filtra() metode

Piekļuve masīva elementiem

Izmantojiet indeksus, lai piekļūtu masīva elementiem. Masīvu indeksi ir balstīti uz nulli, kas nozīmē, ka elementu indekss sākas ar nulli.

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

Apple Mango>

Masīva garuma iegūšana

Lai iegūtu masīva garumu, izmantojiet masīva_nosaukums. garuma īpašums .

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

3>

Iterēšana pa masīviem

Ir daudz veidu, kā atkārtot masīva elementus.

• JavaScript cilpai : for loop nodrošina īsu veidu, kā rakstīt cilpas struktūru. Atšķirībā no while cilpas, priekšraksts for patērē inicializēšanu, nosacījumu un palielināšanu/samazināšanu vienā rindā, tādējādi nodrošinot īsāku, viegli atkļūdojamu cilpas struktūru.

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

Apple Mango Banana>

• JavaScript forEach() Loop : Funkcija forEach() nodrošina vienu reizi katram masīva elementam. Nodrošinātā funkcija var veikt jebkāda veida darbību ar dotā masīva elementiem.

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

Apple Mango Banana>

• JavaScript Katrai cilpai ar Bultiņu funkcijas :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>konsole.log(augļi));>>  
  Izvade  
Apple Mango Banana>
  
    Masīvu metodes    
Lai strādātu ar masīviem, mums ir pieejamas dažādas masīvu metodes. Šie ir:
 
     JavaScript push() metode        :    Šī metode pievieno vienu vai vairākus elementus masīva beigām un atgriež iegūto masīva garumu.
javascript 
let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>
   
  Izvade  

• JavaScript pop() metode : Šī metode noņem pēdējo elementu no masīva un atgriež šo elementu.

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

3>

• JavaScript concat() metode : Šī metode pievienojas divus masīvus un atgriež jaunu masīvu.

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

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

• JavaScript join() metode : Šī metode izveido virkni, savienojot visus masīva elementus.

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

john - jane - joe>

• JavaScript sort() metode : Šī metode kārto masīva elementus.

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

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

• JavaScript indexOf() metode : Šī metode masīvā meklē elementu un atgriež elementa pirmās parādīšanās indeksu.

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

1>

• JavaScript shift() metode : Šī metode noņem pirmo elementu no masīva un atgriež šo elementu.

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

a>

• JavaScript reverse() metode : Izmantojot šo metodi, pirmais masīva elements kļūst par pēdējo un pēdējais kļūst par pirmo. Tas šādā veidā transponē visus masīva elementus un atgriež atsauci uz masīvu.

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

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

• JavaScript karte() metode : Šī metode atgriež jaunu atgrieztās vērtības masīvu no funkcijas izpildes katram masīva vienumam.

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

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

• JavaScript filtra() metode : Šī metode atgriež jaunu masīvu, kurā ir vienumi, kuriem funkcija atgrieza patiesu.

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

[ 10, 20, 30 ]>