Bài 12. Map, Set, iterator và generator

Khái niệm và lý thuyết

Đối tượng thường ({}) chỉ có khóa chuỗi/symbol và lẫn với thuộc tính kế thừa. Map phù hợp khi khóa động, thêm xóa thường xuyên, cần biết kích thước (size). Set loại trùng tự động và kiểm tra tồn tại rất nhanh (O(1)).

Mọi thứ dùng được với for...of, spread ... đều là iterable. Generator tạo iterator một cách dễ dàng và lười (lazy): chỉ tính phần tử khi cần, nên có thể biểu diễn dãy vô hạn.

Map và Set

const soLanXem = new Map();
for (const trang of ["home", "blog", "home"]) {
  soLanXem.set(trang, (soLanXem.get(trang) ?? 0) + 1);
}
console.log([...soLanXem]);          // [["home",2],["blog",1]]

const a = new Set([1, 2, 3]), b = new Set([2, 3, 4]);
a.union(b);          // {1,2,3,4}
a.intersection(b);   // {2,3}
a.difference(b);     // {1}
const khongTrung = [...new Set([1, 1, 2, 3, 3])]; // [1,2,3]

// Gom nhóm (ES2024)
const ds = [{ ten: "An", lop: "A" }, { ten: "Bình", lop: "B" }, { ten: "Chi", lop: "A" }];
Object.groupBy(ds, sv => sv.lop);   // { A: [...], B: [...] }

Generator

function* fibonacci() {
  let [a, b] = [0, 1];
  while (true) { yield a; [a, b] = [b, a + b]; }
}
const it = fibonacci();
console.log(it.next().value, it.next().value, it.next().value); // 0 1 1

// Iterator helpers: xử lý lười trên dãy vô hạn
const dau10SoChan = fibonacci().filter(x => x % 2 === 0).take(10).toArray();

Phương thức mảng không đột biến

Các phương thức mới rất hữu ích trong React/Vue, nơi trạng thái không được sửa trực tiếp. Thêm nữa: at(-1) lấy phần tử cuối, findLast(), structuredClone() sao chép sâu.