JavaScript Foreach tablice assocjacyjne

Question

Witam. Czy w JS można politerowac po tablicy assocjacyjnej za pomoca petli forEach tak zeby dostac zarowno klucz jak i wartosc :)? taki odnosnik jak w PHP foreach. Wiem ze mozna to zrobic za pomoc funkcji for.... ale czy metoda forEach tez da sie uzyskac taki sam efekt. Przy zwyklych tablicach petla forEach dziala ale mam problem zeby to ogarnac przy tablicach assocjacyjnych. Pozdrawiam Mariusz

Answer 1

Nie da się, bo w JS-ie nie ma tablic asocjacyjnych.

Ale można wyciągnąć z dowolnego obiektu tablicę par klucz–wartość i po niej przeiterować → https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

Comments

No tak :) ale jak utworze tablice i zrobie petle for to normalnie mi literuje mi po tej tablicy:

let tab= [];
tab['test'] = 'Adam';
tab['test2'] = 'Ania';
for(let key in tab){
alert('key: ' + key + ' values: ' + tab[key]);
} 

---

Tak, bo tablica jest obiektem i dlatego można do niej dodawać nowe klucze. Tylko że tak się nie robi. Od takich rzeczy są albo zwykłe obiekty, albo Map.

let map= {};
map[ 'test' ] = 'Adam';
map[ 'test2' ] = 'Ania';

Object.entries( map ).forEach( function( [ key, value] ) {
    alert( 'key: ' + key + ' values: ' + value );
} );

 

---

A jak bym chcial utworzyc zwykla tablice.

let map= [];

map[map.length] = 'Adam';

map[map.length] = 'Ania';

To jest to juz poprawny zapis :)?

i jakby w takim przypadku wygladala analogicznie literowanie za pomoca petli forEach? Z gory dzieki :) jak przesiadasz sie z php to jest to nielada nowosc ze nie ma tablic asocjacyjnych :)

---

No jest, ale raczej się używa push:

let arr= [];
arr.push( 'Adam' );
arr.push( 'Ania' );

 

---

A taki forEach dla zwyklej tablicy wygladal by nastepujaco?

map.forEach( function(key, value) {
    alert( 'key: ' + key + ' values: ' + value );
} );

 

---

Bardziej

map.forEach( function(value, index) {
    alert( 'key: ' + index + ' values: ' + value );
} );

W tablicy nie ma bowiem pary klucz–wartość, są same wartości.

---

Dzieki wielkie za wytlumaczenie :) Pozdrawiam

---

Dla informacji dodam, że zapisać to można: 

map.forEach( (value, index) => {
    console.log(`key: ${index} values: ${value}`);
} );

[ Arrow function ]  [ Template literals ]

Answer 2

Jeśli potrzebujesz robić takie operacje to zastanowiłbym się czy nie lepiej użyć obiektu Map i ładnie sobie iterować np. pętlą for-of. Ewentualnie dla tradycyjnego obiektu użyć entries, keys, values zależnie co tam potrzebujesz.