logo

Kolekcie indexované JavaScriptom

Indexované zbierky v JavaScript odkazujú na dátové štruktúry, ako sú polia, kde sú prvky uložené a prístupné pomocou číselných indexov. Polia umožňujú efektívne ukladanie a získavanie objednaných údajov a poskytujú spôsoby manipulácie a prechodu ich prvkov.

Príklad



an pole s názvom „študent“ obsahuje mená študentov a hodnoty indexu sú Roll čísla študentov. JavaScript nemá explicitný typ údajov poľa. Na prácu s poľami však môžeme použiť preddefinovaný objekt Array v JavaScripte a jeho metódy.

Vytvorenie poľa: Existuje mnoho spôsobov, ako vytvoriť a inicializovať pole, ktoré je uvedené nižšie:

  • Vytváranie polí bez definovania dĺžky poľa. V tomto prípade sa dĺžka rovná počtu argumentov.

Syntax:



let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>
  • Vytvorenie poľa s danou veľkosťou

Syntax:

let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>
  • Vytvorte pole s premenlivou dĺžkou a podľa potreby pridajte veľa prvkov.
// 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'];>

Metódy, ktoré možno použiť na polia, sú:

  • Prístup k prvkom poľa
  • Získanie dĺžky poľa
  • Iterácia cez polia
    • JavaScript pre slučku
    • JavaScript pre každú () slučku
    • JavaScript pre každú slučku s Funkcie šípok
  • Array Methods
    • JavaScript push() metóda
    • JavaScript pop() metóda
    • JavaScript concat() metóda
    • JavaScript join() metóda
    • JavaScript sort() metóda
    • JavaScript metóda indexOf().
    • JavaScript shift() metóda
    • JavaScript filter() metóda

Prístup k prvkom poľa

Na prístup k prvkom poľa použite indexy. Indexy polí sú založené na nule, čo znamená, že index prvkov začína nulou.



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

Výkon
Apple Mango>

Získanie dĺžky poľa

Ak chcete získať dĺžku poľa, použite názov poľa. vlastnosť dĺžky .

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

Výkon
3>

Iterácia cez polia

Existuje mnoho spôsobov, ako iterovať prvky poľa.

  • JavaScript pre slučku : for loop poskytuje stručný spôsob zápisu štruktúry cyklu. Na rozdiel od cyklu while používa príkaz for inicializáciu, podmienku a inkrementáciu/zníženie v jednom riadku, čím poskytuje kratšiu, ľahko laditeľnú štruktúru cyklovania.
javascript
const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]); }>

Výkon
Apple Mango Banana>
  • JavaScript pre každú () slučku : Funkcia forEach() poskytuje raz pre každý prvok poľa. Poskytnutá funkcia môže vykonávať akýkoľvek druh operácie s prvkami daného poľa.
javascript
const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) {  console.log(fruit); });>

Výkon
Apple Mango Banana>
  • JavaScript pre každú slučku s Funkcie šípok :
javascript
const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(ovocie));>

Výkon
Apple Mango Banana>

Array Methods

Na prácu s poliami máme k dispozícii rôzne metódy polí. Toto sú:

  • JavaScript push() metóda : Táto metóda pridá jeden alebo viac prvkov na koniec poľa a vráti výslednú dĺžku poľa.
javascript
let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>

Výkon
[ '1', '2', '3' ]>
  • JavaScript pop() metóda : Táto metóda odstráni posledný prvok z poľa a vráti tento prvok.
javascript
let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);>

Výkon
3>
  • JavaScript concat() metóda : Táto metóda sa pripája dve polia a vráti nové pole.
javascript
let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);>

Výkon
[ '1', '2', '3', 'a', 'b', 'c' ]>
  • JavaScript join() metóda : Táto metóda vytvorí reťazec spojením všetkých prvkov poľa.
javascript
let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);>

Výkon
john - jane - joe>
  • JavaScript sort() metóda : Táto metóda triedi prvky poľa.
javascript
let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);>

Výkon
[ 'East', 'South', 'West' ]>
  • JavaScript metóda indexOf(). : Táto metóda vyhľadá v poli prvok a vráti index prvého výskytu prvku.
javascript
let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));>

Výkon
1>
  • JavaScript shift() metóda : Táto metóda odstráni prvý prvok z poľa a vráti tento prvok.
javascript
let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);>

Výkon
a>
  • JavaScript reverzná() metóda : Táto metóda obráti prvý prvok poľa na posledný a posledný na prvý. Týmto spôsobom transponuje všetky prvky v poli a vráti odkaz na pole.
javascript
let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);>

Výkon
[ 'c', 'b', 'a' ]>
  • JavaScript map() metóda : Táto metóda vráti nové pole vrátenej hodnoty z vykonania funkcie na každej položke poľa.
javascript
let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) {  return item.toUpperCase(); }); console.log(a2);>

Výkon
[ 'A', 'B', 'C' ]>
  • JavaScript filter() metóda : Táto metóda vráti nové pole obsahujúce položky, pre ktoré funkcia vrátila hodnotu true.
javascript
let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) {  return typeof item === 'number'; }); console.log(a2);>

Výkon
[ 10, 20, 30 ]>