29. Jaki jest cel obiektu 'Map' w JavaScript i czym różni się od zwykłego obiektu?

Jaki jest cel obiektu 'Map' w JavaScript i czym różni się od zwykłego obiektu?

Obiekt Map w JavaScript to kolekcja par klucz-wartość, gdzie zarówno klucze, jak i wartości mogą być dowolnego typu danych. Jest to w przeciwieństwie do zwykłych obiektów w JavaScript, które pozwalają na użycie tylko ciągów znaków i symboli jako kluczy.

Kluczowe cechy Map:

• Elastyczność kluczy: W Map klucze mogą być dowolnego typu, w tym obiekty, funkcje i prymitywy.
• Zachowanie kolejności: Map zachowuje kolejność wstawiania kluczy, co oznacza, że można iterować po wpisach w kolejności, w jakiej zostały dodane.
• Właściwość size: Map ma właściwość size, która zwraca liczbę wpisów w Map.
• Iteracja: Map jest bezpośrednio iterowalne, co oznacza, że można po nim iterować używając pętli for...of.

Różnice między Map a Obiektem:

• Typy kluczy: Obiekty pozwalają tylko na ciągi znaków i symbole jako klucze, podczas gdy Map akceptuje dowolny typ klucza.
• Kolejność: Kolejność kluczy w obiekcie nie jest gwarantowana, podczas gdy Map zachowuje kolejność wstawiania.
• Wydajność: Operacje Map (takie jak get, set, has i delete) są zazwyczaj bardziej wydajne dla częstych dodawań i usuwania par klucz-wartość.

Przykład użycia:

// Użycie Map
let map = new Map();
map.set('name', 'Alice');
map.set(1, 'one');
map.set({}, 'empty object');

console.log(map.get('name')); // 'Alice'
console.log(map.size); // 3

// Użycie Obiektu
let obj = {};
obj['name'] = 'Alice';
obj[1] = 'one';

console.log(obj['name']); // 'Alice'
console.log(Object.keys(obj).length); // 2

Wniosek

Obiekt Map jest szczególnie przydatny, gdy potrzebujesz zagwarantować kolejność elementów lub gdy potrzebujesz używać złożonych typów danych jako kluczy. Zapewnia lepszą wydajność i elastyczność dla niektórych operacji w porównaniu do zwykłych obiektów.