Indeksoidut kokoelmat sisään JavaScript viittaavat tietorakenteisiin, kuten taulukoihin, joissa elementit tallennetaan ja niihin päästään numeeristen indeksien avulla. Taulukot mahdollistavat järjestetyn tiedon tehokkaan tallennuksen ja haun tarjoamalla menetelmiä niiden elementtien manipulointiin ja läpikulkuun.
Esimerkki
an joukko nimeltä 'opiskelija' sisältää opiskelijoiden nimet ja indeksiarvot ovat Roll Numerot opiskelijoista. JavaScriptillä ei ole erillistä taulukkotietotyyppiä. Voimme kuitenkin käyttää JavaScriptin ennalta määritettyä Array-objektia ja sen menetelmiä työskennelläksesi taulukoiden kanssa.
Taulukon luominen: Alla lueteltujen taulukoiden luomiseen ja alustamiseen on monia tapoja:
- Luodaan taulukoita määrittelemättä taulukon pituutta. Tässä tapauksessa pituus on yhtä suuri kuin argumenttien lukumäärä.
Syntaksi:
let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>
- Luodaan taulukon annetulla koolla
Syntaksi:
let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>
- Luo muuttuvapituinen taulukko ja lisää useita elementtejä tarpeen mukaan.
// 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'];>
Taulukkoihin voidaan soveltaa seuraavia menetelmiä:
- Array Elementtien käyttö
- Matriisin pituuden saaminen
- Iterointi taulukoiden yli
- JavaScript silmukalle
- JavaScript forEach() Loop
- JavaScript forEach Loop kanssa Nuolitoiminnot
- Array Methods
- JavaScript push() -menetelmä
- JavaScript pop() -menetelmä
- JavaScript concat() -menetelmä
- JavaScript join() -menetelmä
- JavaScript sort() -menetelmä
- JavaScript indexOf() -menetelmä
- JavaScript shift() -menetelmä
- JavaScript-suodatin() -menetelmä
Array Elementtien käyttö
Käytä indeksejä päästäksesi käsiksi taulukon elementteihin. Array-indeksit ovat nollapohjaisia, mikä tarkoittaa, että elementtien indeksi alkaa nollasta.
javascript
let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits [0]); console.log(fruits[1]);>
Lähtö
Apple Mango>
Matriisin pituuden saaminen
Määritä taulukon pituus käyttämällä taulukon_nimi. pituus omaisuutta .
javascript let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits.length)>
Lähtö
3>
Iterointi taulukoiden yli
On monia tapoja iteroida taulukon elementtejä.
- JavaScript silmukalle : for loop tarjoaa tiiviin tavan kirjoittaa silmukkarakenne. Toisin kuin while-silmukka, for-käsky kuluttaa alustuksen, ehdon ja lisäyksen/vähennyksen yhdellä rivillä, mikä tarjoaa lyhyemmän, helposti korjattavan silmukan rakenteen.
const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) { console.log(fruits[i]); }> Lähtö
Apple Mango Banana>
- JavaScript forEach() Loop : ForEach()-funktio tarjoaa kerran jokaiselle taulukon elementille. Tarjottu toiminto voi suorittaa minkä tahansa toiminnon tietyn taulukon elementeille.
const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) { console.log(fruit); });> Lähtö
Apple Mango Banana>
- JavaScript jokaiselle silmukalle kanssa Nuolitoiminnot :
const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(hedelmä));>>
Lähtö Apple Mango Banana>
Array Methods
Käytettävissämme on erilaisia taulukkomenetelmiä taulukoiden käsittelemiseen. Nämä ovat:
- JavaScript push() -menetelmä : Tämä menetelmä lisää yhden tai useamman elementin taulukon loppuun ja palauttaa tuloksena olevan taulukon pituuden.
let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);> Lähtö
- JavaScript pop() -menetelmä : Tämä menetelmä poistaa viimeisen elementin taulukosta ja palauttaa kyseisen elementin.
let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);> Lähtö
3>
- JavaScript concat() -menetelmä : Tämä menetelmä liittyy kaksi taulukkoa ja palauttaa uuden taulukon.
let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);> Lähtö
[ '1', '2', '3', 'a', 'b', 'c' ]>
- JavaScript join() -menetelmä : Tämä menetelmä luo merkkijonon yhdistämällä kaikki taulukon elementit.
let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);> Lähtö
john - jane - joe>
- JavaScript sort() -menetelmä : Tämä menetelmä lajittelee taulukon elementit.
let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);> Lähtö
[ 'East', 'South', 'West' ]>
- JavaScript indexOf() -menetelmä : Tämä menetelmä etsii taulukosta elementin ja palauttaa elementin ensimmäisen esiintymisen indeksin.
let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));> Lähtö
1>
- JavaScript shift() -menetelmä : Tämä menetelmä poistaa ensimmäisen elementin taulukosta ja palauttaa sen.
let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);> Lähtö
a>
- JavaScript reverse() -menetelmä : Tämä menetelmä kääntää ensimmäisen taulukon elementin viimeiseksi ja viimeisestä ensimmäiseksi. Se transponoi kaikki taulukon elementit tällä tavalla ja palauttaa viittauksen taulukkoon.
let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);> Lähtö
[ 'c', 'b', 'a' ]>
- JavaScript kartta() -menetelmä : Tämä menetelmä palauttaa uuden taulukon palautetusta arvosta suorittamalla funktio jokaiselle taulukon alkiolle.
let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) { return item.toUpperCase(); }); console.log(a2);> Lähtö
[ 'A', 'B', 'C' ]>
- JavaScript-suodatin() -menetelmä : Tämä menetelmä palauttaa uuden taulukon, joka sisältää kohteet, joille funktio palautti tosi.
let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) { return typeof item === 'number'; }); console.log(a2);> Lähtö
[ 10, 20, 30 ]>