Indeksowane zbiory W JavaScript odnoszą się do struktur danych, takich jak tablice, w których elementy są przechowywane i dostępne za pomocą indeksów numerycznych. Tablice pozwalają na efektywne przechowywanie i odzyskiwanie uporządkowanych danych, dostarczając metod manipulacji i poruszania się po ich elementach.

Przykład

jakiś szyk zwany „studentem” zawiera nazwiska uczniów, a wartości indeksu to Roll Liczby uczniów. JavaScript nie ma jawnego typu danych tablicowych. Możemy jednak użyć predefiniowanego obiektu Array w JavaScript i jego metod do pracy z tablicami.

Tworzenie tablicy: Istnieje wiele sposobów tworzenia i inicjowania tablicy wymienionej poniżej:

• Tworzenie tablic bez definiowania długości tablicy. W tym przypadku długość jest równa liczbie argumentów.

Składnia:

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

• Tworzenie tablicy o podanym rozmiarze

Składnia:

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

• Utwórz tablicę o zmiennej długości i dodaj wiele elementów według potrzeb.

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

Metody, które można zastosować na tablicach to:

• Dostęp do elementów tablicy
• Uzyskiwanie długości tablicy
• Iterowanie po tablicach
  • Pętla JavaScript
  • Pętla JavaScript forEach().
  • JavaScript dla każdej pętli z Funkcje strzałek
• Metody tablicowe
  • Metoda push() JavaScript
  • Metoda pop() JavaScript
  • Metoda concat() JavaScript
  • Metoda JavaScript Join().
  • Metoda sortowania JavaScript
  • Metoda JavaScript IndexOf().
  • Metoda JavaScript shift().
  • Metoda JavaScript filter().

Dostęp do elementów tablicy

Użyj indeksów, aby uzyskać dostęp do elementów tablicy. Indeksy tablic są liczone od zera, co oznacza, że ​​indeks elementów zaczyna się od zera.

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

Apple Mango>

Uzyskiwanie długości tablicy

Aby uzyskać długość tablicy, użyj nazwa_tablicy. właściwość długości .

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

3>

Iterowanie po tablicach

Istnieje wiele sposobów iteracji elementów tablicy.

• Pętla JavaScript : for zapewnia zwięzły sposób pisania struktury pętli. W przeciwieństwie do pętli while, instrukcja for zajmuje inicjalizację, warunek i przyrost/zmniejszenie w jednym wierszu, zapewniając w ten sposób krótszą, łatwą do debugowania strukturę pętli.

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

Apple Mango Banana>

• Pętla JavaScript forEach(). : Funkcja forEach() udostępnia raz dla każdego elementu tablicy. Dostarczona funkcja może wykonywać dowolne operacje na elementach danej tablicy.

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

Apple Mango Banana>

• JavaScript dla każdej pętli z Funkcje strzałek :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>konsola.log(owoce));>

Apple Mango Banana>

Metody tablicowe

Do pracy na tablicach dostępne są różne metody tablicowe. To są:

• Metoda push() JavaScript : Ta metoda dodaje jeden lub więcej elementów na końcu tablicy i zwraca wynikową długość tablicy.

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

[ '1', '2', '3' ]>

• Metoda pop() JavaScript : Ta metoda usuwa ostatni element z tablicy i zwraca ten element.

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

3>

• Metoda concat() JavaScript : Ta metoda dołącza dwie tablice i zwraca nową tablicę.

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

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

• Metoda JavaScript Join(). : Ta metoda tworzy ciąg, łącząc wszystkie elementy tablicy.

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

john - jane - joe>

• Metoda sortowania JavaScript : Ta metoda sortuje elementy tablicy.

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

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

• Metoda JavaScript IndexOf(). : Ta metoda przeszukuje tablicę pod kątem elementu i zwraca indeks pierwszego wystąpienia elementu.

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

1>

• Metoda JavaScript shift(). : Ta metoda usuwa pierwszy element z tablicy i zwraca ten element.

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

a>

• Metoda JavaScript Reverse(). : Ta metoda odwraca pierwszy element tablicy, który staje się ostatnim, a ostatni staje się pierwszym. Transponuje w ten sposób wszystkie elementy tablicy i zwraca referencję do tablicy.

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

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

• Metoda map() JavaScript : Ta metoda zwraca nową tablicę wartości zwróconej w wyniku wykonania funkcji na każdym elemencie tablicy.

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

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

• Metoda JavaScript filter(). : Ta metoda zwraca nową tablicę zawierającą elementy, dla których funkcja zwróciła wartość 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 ]>