Indeksuotos kolekcijos in JavaScript nurodo duomenų struktūras, pvz., masyvus, kur elementai saugomi ir pasiekiami naudojant skaitinius indeksus. Masyvai leidžia efektyviai saugoti ir gauti užsakytus duomenis, suteikiant manipuliavimo ir jų elementų perėjimo būdus.

Pavyzdys

an masyvas pavadinimu „studentas“ yra mokinių vardai, o indekso reikšmės yra Roll Skaičiai mokinių. „JavaScript“ neturi aiškaus masyvo duomenų tipo. Tačiau, norėdami dirbti su masyvais, galime naudoti iš anksto nustatytą „Array“ objektą „JavaScript“ ir jo metodus.

Masyvo kūrimas: Yra daug būdų, kaip sukurti ir inicijuoti toliau pateiktą masyvą:

• Masyvų kūrimas nenustačius masyvo ilgio. Šiuo atveju ilgis yra lygus argumentų skaičiui.

Sintaksė:

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

• Sukurti nurodyto dydžio masyvą

Sintaksė:

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

• Sukurkite kintamo ilgio masyvą ir pridėkite daug elementų, kiek jums reikia.

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

Metodai, kuriuos galima taikyti masyvams, yra šie:

• Prieiga prie masyvo elementų
• Gauti masyvo ilgį
• Iteravimas per masyvus
  • JavaScript ciklas
  • JavaScript forEach() Loop
  • JavaScript forEach Loop su Rodyklės funkcijos
• Masyvo metodai
  • JavaScript push() metodas
  • JavaScript pop() metodas
  • JavaScript concat() metodas
  • „JavaScript“ prisijungimo () metodas
  • JavaScript sort() metodas
  • JavaScript indexOf() metodas
  • JavaScript shift() metodas
  • JavaScript filtras() metodas

Prieiga prie masyvo elementų

Norėdami pasiekti masyvo elementus, naudokite indeksus. Masyvų indeksai yra pagrįsti nuliu, o tai reiškia, kad elementų indeksas prasideda nuliu.

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

Apple Mango>

Gauti masyvo ilgį

Norėdami gauti masyvo ilgį, naudokite masyvo_pavadinimas. ilgio nuosavybė .

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

3>

Iteravimas per masyvus

Yra daug būdų, kaip kartoti masyvo elementus.

• JavaScript ciklas : for loop pateikia glaustą ciklo struktūros rašymo būdą. Skirtingai nuo while ciklo, teiginys for sunaudoja inicijavimą, sąlygą ir padidinimą/sumažinimą vienoje eilutėje, taip užtikrinant trumpesnę, lengvai derinamą ciklo struktūrą.

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() suteikia vieną kartą kiekvienam masyvo elementui. Pateikta funkcija gali atlikti bet kokią operaciją su nurodyto masyvo elementais.

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

Apple Mango Banana>

• JavaScript už kiekvieną kilpą su Rodyklės funkcijos :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(fruit));>>  
  Išvestis  
Apple Mango Banana>
  
    Masyvo metodai    
Yra įvairių masyvo metodų, skirtų dirbti su masyvais. Šitie yra:
 
     JavaScript push() metodas        :    Šis metodas prideda vieną ar daugiau elementų prie masyvo pabaigos ir grąžina gautą masyvo ilgį.
javascript 
let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>
   
  Išvestis  

• JavaScript pop() metodas : Šis metodas pašalina paskutinį elementą iš masyvo ir grąžina tą elementą.

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

3>

• JavaScript concat() metodas : Šis metodas prisijungia du masyvus ir grąžina naują masyvą.

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

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

• „JavaScript“ prisijungimo () metodas : Šis metodas sukuria eilutę, sujungdamas visus masyvo elementus.

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

john - jane - joe>

• JavaScript sort() metodas : Šis metodas rūšiuoja masyvo elementus.

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

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

• JavaScript indexOf() metodas : Šis metodas masyve ieško elemento ir grąžina pirmojo elemento pasireiškimo indeksą.

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

1>

• JavaScript shift() metodas : Šis metodas pašalina pirmąjį elementą iš masyvo ir grąžina tą elementą.

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

a>

• JavaScript reverse() metodas : Šis metodas apverčia pirmasis masyvo elementas tampa paskutiniu, o paskutinis tampa pirmuoju. Tokiu būdu jis perkelia visus masyvo elementus ir grąžina nuorodą į masyvą.

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

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

• JavaScript žemėlapis() metodas : Šis metodas grąžina naują grąžintos vertės masyvą, kai vykdoma funkcija kiekviename masyvo elemente.

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

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

• JavaScript filtras() metodas : Šis metodas grąžina naują masyvą, kuriame yra elementai, kuriems funkcija grąžino true.

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

[ 10, 20, 30 ]>