Phân tích sự khác biệt cốt lõi giữa phương thức shallow copy (sao nông) và deep copy (sao sâu) khi xử lý dữ liệu dạng mảng đa chiều (nested arrays) trong JavaScript và cách phòng tránh lỗi tham chiếu bộ nhớ?

Question

Accepted Answer

Bản chất vấn đề
Mảng trong JavaScript là một kiểu dữ liệu tham chiếu (Reference Type). Khi gán một mảng cho một biến mới hoặc thực hiện sao chép không đúng cách, hệ thống chỉ sao chép địa chỉ ô nhớ chứ không sao chép giá trị bên trong.
Phân tích Shallow Copy vs Deep Copy

Shallow Copy: Chỉ sao chép cấp độ mảng ngoài cùng. Các mảng con bên trong (nested arrays) vẫn trỏ chung một vùng nhớ. Các phương thức tạo shallow copy phổ biến gồm: toán tử Spread [...arr], phương thức Array.prototype.slice(), hoặc Array.from(). Khi thay đổi phần tử ở mảng con của bản sao, mảng gốc sẽ bị ảnh hưởng theo.
Deep Copy: Sao chép toàn bộ cấu trúc dữ liệu ở mọi cấp độ chiều sâu. Bản sao hoàn toàn độc lập với mảng gốc.

Giải pháp thực thi Deep Copy
// Sử dụng cấu trúc JSON hiện đại (Lưu ý: không áp dụng được cho hàm, undefined, Date object)
const originalArray = [[1, 2], [3, 4]];
const deepCopiedArray = JSON.parse(JSON.stringify(originalArray));

deepCopiedArray[0][0] = 99;
console.log(originalArray[0][0]); // Kết quả: 1 (Không bị ảnh hưởng)

// Trong môi trường Node.js hoặc trình duyệt hiện đại hỗ trợ cấu trúc dữ liệu chuẩn:
// structuredClone()
const modernDeepCopy = structuredClone(originalArray);
Kinh nghiệm thực chiến cho Junior

Trong các thư viện quản lý trạng thái như Redux hoặc React State, việc tuân thủ tính bất biến (immutability) là bắt buộc để UI render lại chính xác.
Sử dụng nhầm shallow copy trên mảng đa chiều là nguyên nhân hàng đầu gây ra các lỗi state mutation khó phát hiện trong môi trường Production.

Phân tích sự khác biệt cốt lõi giữa phương thức shallow copy (sao nông) và deep copy (sao sâu) khi xử lý dữ liệu dạng mảng đa chiều (nested arrays) trong JavaScript và cách phòng tránh lỗi tham chiếu bộ nhớ?

Bản chất vấn đề

Làm Chủ Phỏng Vấn & Nâng Cao Trình Độ Chuyên Nghiệp

Tải Tuyển Tập 100+ Câu Hỏi Phỏng Vấn Chuyên Sâu (PDF)

Cần Mentor Phỏng Vấn Thử 1-1 & Tối Ưu CV?

Kiểm Tra CV Chuẩn ATS Miễn Phí

Câu hỏi arrays liên quan cùng chủ đề