JavaScript Associative Array | Wyjaśnione

Tablice asocjacyjne służyć jako podstawa języka JavaScript. Wszystko w JavaScript jest określane jako obiekt lub bardziej poprawne jest stwierdzenie, że wszystko zadeklarowane w JavaScript jest tablicą asocjacyjną. Na przykład nowy obiekt, który tworzysz w JavaScript, jest tablicą asocjacyjną i aby wygenerować inne struktury danych JavaScript, musisz zacząć od tablicy asocjacyjnej.

Ten zapis wyjaśni działanie tablic asocjacyjnych w JavaScript. A więc zacznijmy!

JavaScript Associative Array

Tablica asocjacyjna JavaScript jest uważana za zbiór Klucze. Te klucze są powiązane z ich odpowiednie wartości W taki sposób, że po przekazaniu klucza do tablicy zwraca odpowiednią wartość. To właśnie termin „stowarzyszenie”Oznacza.

Tablice asocjacyjne w JavaScript są uważane za „Obiekty,„Nie normalne tablice. Dlatego przypisane są tylko metody i właściwości związane z obiektami.

Jak stworzyć tablicę asocjacyjną JavaScript

Aby utworzyć tablicę asocjacyjną JavaScript, musisz postępować zgodnie z poniżej podaną składnią:

var array = key1: 'value1', key2: 'value2'

Tutaj, "szyk„To asocjacyjna tablica, która obejmuje„Key1" I "Key2”Jako indeksowanie ciągów z odpowiednimi wartościami jako„wartość 1" I "wartość2".

Na przykład utworzymy tablicę JavaScript o nazwie „pracownik„Posiadanie dwóch kluczy”imię i nazwisko pracownika" I "Wiek". „„wartość”imię i nazwisko pracownika„Klucz jest ustawiony na„Alex" i jego "Wiek" Jak "25”:

var pracownik =
„Nazwa pracownika”: „Alex”,
„Wiek”: 25
;

W ten sposób tworzysz tablicę asocjacyjną JavaScript.

Jak obliczyć długość tablicy asocjacyjnej JavaScript

JavaScript Associative Array nie jest normalną tablicą; Dlatego nie możemy wykorzystać obiektu tablicy „długość”Atrybut wyświetlania jego długości.

Aby obliczyć długość tablicy asocjacyjnej, musimy utworzyć „Obiekt.rozmiar()”Funkcja. „„Obiekt.rozmiar()„Funkcja będzie iterowana przez„Klucze”Z tablicy asocjacyjnej i użyj„HasownProperty () ” Metoda polega na zweryfikowaniu istnienia kluczy w nim. W przypadku, gdy dodany warunek oceni, że jest „Prawda”Wówczas rozmiar tablicy zostanie zwiększony, który początkowo został ustawiony na„0”:

Obiekt.size = funkcja (tablica)
var size = 0;
dla (var klucz w tablicy)
if (tablica.HasownProperty (klucz))
Rozmiar ++;

Rozmiar powrotu;
;

Następnie powołamy się na „Obiekt.rozmiar() ”Metoda sprawdzania długości utworzonej tablicy asocjacyjnej JavaScript:

var długość = obiekt.rozmiar (pracownik);
konsola.dziennik („Długość tablicy pracowników to:” + długość);

Jak widać z wyjścia, długość „pracownik„Tablica asocjacyjna to„2”:

Podobnie możesz również użyć „Obiekt.Klucze()„Metoda obliczania długości tablicy asocjacyjnej:

konsola.dziennik („Długość tablicy pracowników to:” + obiekt.Klucze (pracownik).długość);

Wyjście

Jak pobrać wartości tablicy asocjacyjnej JavaScript

W tablicy asocjacyjnej możesz odzyskać wartości dodanych klawiszy za pomocą „Do" pętla:

dla (var klucz w pracownikach)
var value = pracownik [klucz];
konsola.log (klucz + "=" + wartość + ");

Powyższe dane „Do„Pętla będzie iterowana przez„pracownik”Tablica i pobieranie wartości dodanych kluczy:

Jak przekonwertować tablicę asocjacyjną JavaScript na normalną tablicę

Chcesz przekonwertować tablicę asocjacyjną JavaScript na normalną tablicę? Aby to zrobić, przywołaj JavaScript „mapa()”Funkcja. Funkcja map () zwróci normalną tablicę z wywoływania funkcji dla każdego klucza „k”pracownik„Tablica asocjacyjna:

var elementy = obiekt.Klucze (pracownik).map (funkcja (k)
Zwrot pracownika [k];
)
konsola.log (elementy);

Nowo utworzona tablica umieściła wartości „pracownik”Klucz przy sekwencyjnych indeksach 0 i 1:

Chodziło o tablicę asocjacyjną JavaScript. Przed skończeniem sprawdźmy różnicę między tablicą asocjacyjną a normalną tablicą w JavaScript.

Różnica między tablicą normalną a tablicą asocjacyjną w JavaScript

Spójrz na poniższą tabelę, aby zrozumieć różnicę między normalną tablicą a tablicą asocjacyjną w JavaScript:

Normalna tablica	Tablica asocjacyjna
Normalna tablica jest zadeklarowana za pomocą klamry „[] []."	Tablica asocjacyjna jest tworzona za pomocą nawiasów kwadratowych ”".
W normalnej tablicy uzyskują dostęp do wartości za pomocą „indeksy".	W tablicy asocjacyjnej do wartości są dostępne, wykorzystując „Klucze".
Normalna tablica zawiera uporządkowane wartości na podstawie jej indeksów.	Tablica asocjacyjna zawiera wartości nieoprzestrzeniowe na podstawie jej kluczy.
Normalne klucze macierzy są „numer" typ.	Klucze tablicy asocjacyjnej mogą być z strunowy Lub numer typ.
Przykład: var pracownik = [„Alex”, 25];	Przykład: var pracownik = „Nazwa pracownika”: „Alex”, „Wiek”: 25 ;

Opracowaliśmy podstawowe informacje związane z tablicą asocjacyjną JavaScript. Przeglądaj to zgodnie ze swoimi preferencjami.

Wniosek

Tablica asocjacyjna JavaScript jest uważana za zbiór kluczy. Klucze te są powiązane z ich odpowiednimi wartościami w taki sposób, że gdy klucz jest przekazywany do tablicy asocjacyjnej, zwraca odpowiednią wartość. Tablice asocjacyjne w JavaScript są uważane za obiekty, a nie normalne tablice; Dlatego tylko metody i właściwości związane z obiektami są przypisywane do tablicy asocjacyjnej. Ten zapis wyjaśnił tablice asocjacyjne JavaScript.