Mảng & object

Mảng (array) giữ nhiều giá trị theo thứ tự, truy cập bằng chỉ số (bắt đầu từ 0). Mảng thực ra là một loại object, nên có sẵn nhiều method tiện lợi:

const diem = [8, 9, 7, 10];

diem[0];            // 8     (chi so tu 0)
diem.length;        // 4
diem.push(6);       // them cuoi  -> [8, 9, 7, 10, 6]
diem.pop();         // bo cuoi    -> [8, 9, 7, 10]
diem.includes(9);   // true

• ▸Chỉ số từ 0; diem.length là số phần tử.
• ▸Thêm/bớt: push/pop (cuối), shift/unshift (đầu).
• ▸Mảng là object (typeof [] là "object"); kiểm tra bằng Array.isArray(x).

Ba method này nhận một callback (hàm hạng nhất - bài 4) và không sửa mảng gốc. map biến đổi từng phần tử → mảng MỚI; filter giữ phần tử thoả điều kiện → mảng MỚI; find trả về phần tử ĐẦU TIÊN thoả điều kiện - chính phần tử có sẵn trong mảng, không tạo gì mới.

const diem = [8, 9, 7, 10];

diem.map((d) => d * 2);       // [16, 18, 14, 20]  (cung do dai)
diem.filter((d) => d >= 9);   // [9, 10]           (loc)
diem.find((d) => d < 8);      // 7                 (phan tu dau tien thoa)

console.log(diem);            // [8, 9, 7, 10]     (goc KHONG doi)

• ▸map: biến đổi từng phần tử → mảng mới CÙNG độ dài.
• ▸filter: giữ phần tử thoả điều kiện → mảng mới ngắn hơn/bằng.
• ▸find: phần tử ĐẦU TIÊN thoả (some/every trả về true/false).
• ▸Tất cả nhận callback và KHÔNG sửa mảng gốc.

reduce là method mạnh nhất trong nhóm: nó đi qua mảng, mang theo một accumulator (acc) và cập nhật acc = fn(acc, cur) mỗi bước. Bấm để xem acc “gối đầu” qua từng phần tử:

const diem = [8, 9, 7, 10];

const tong = diem.reduce((acc, d) => acc + d, 0);   // 34
const tich = diem.reduce((acc, d) => acc * d, 1);   // 5040
const max = diem.reduce((acc, d) => Math.max(acc, d), 0);   // 10

• ▸reduce(callback, init): acc bắt đầu từ init, mang qua từng bước.
• ▸acc của bước sau = kết quả của bước trước (gối đầu).
• ▸Tổng, tích, max, đếm, nhóm… đều làm được bằng reduce.

Object gom dữ liệu thành các cặp khoá-giá trị. Truy cập bằng dấu chấm, hoặc ngoặc vuông khi khoá là động. Lặp qua khoá bằng Object.keys/values/entries:

const sv = {
  ten: "Lan",
  tuoi: 16,
  chao() { return "Chao " + this.ten; },   // method (this - bai 3)
};

sv.ten;            // "Lan"   (dot)
sv["tuoi"];        // 16      (bracket - khi khoa dong)
Object.keys(sv);   // ["ten", "tuoi", "chao"]
sv.chao();         // "Chao Lan"

• ▸Object = các cặp khoá-giá trị; truy cập dot (sv.ten) hoặc bracket (sv["ten"]).
• ▸Bracket dùng khi khoá nằm trong biến: sv[key].
• ▸Object.keys / values / entries để lặp; method bên trong dùng this.

Destructuring lấy nhanh giá trị ra khỏi mảng/object. Spread (...) trải phần tử ra để sao chép & gộp; còn rest (cùng ký hiệu) gom phần còn lại lại.

const sv = { ten: "Lan", tuoi: 16 };
const { ten, tuoi } = sv;               // destructuring object

const [dau, ...con_lai] = [1, 2, 3];    // dau = 1; con_lai = [2, 3]  (rest)

const them = { ...sv, lop: "11A" };     // spread: sao chep + them field
const gop = [...[1, 2], ...[3, 4]];     // [1, 2, 3, 4]

• ▸Destructuring: lấy field/phần tử ra biến trong một dòng (hợp với tham số hàm).
• ▸Spread ...: sao chép & gộp mảng/object; rest ...: gom phần còn lại.
• ▸Spread là sao chép NÔNG - dữ liệu lồng bên trong vẫn chung tham chiếu.

JSON là định dạng text để biểu diễn dữ liệu - trông gần giống object/mảng nhưng khoá phải nháy đôi và không chứa hàm. JSON.stringify đổi object → chuỗi; JSON.parse đổi chuỗi → object. Đây là cách lưu vào localStorage hay gửi qua mạng (API):

const sv = { ten: "Lan", diem: [8, 9] };

const s = JSON.stringify(sv);   // chuoi: {"ten":"Lan","diem":[8,9]}
const lai = JSON.parse(s);      // object tro lai

console.log(lai.diem[1]);       // 9

9

• ▸JSON.stringify (object → chuỗi) ↔ JSON.parse (chuỗi → object).
• ▸Khoá JSON phải nháy đôi; KHÔNG chứa hàm/undefined (bị bỏ qua).
• ▸Dùng cho API, localStorage, file cấu hình.