Cách xử lý mảng, object, biến tham chiếu khác biến nguyên thủy trong JavaScript

Biến nguyên thủy (Primitive data type):

• Bao gồm: number, string, boolean, undefined, null.

• Lưu trữ giá trị đơn lẻ.

• Khi gán giá trị cho biến khác, tạo ra bản sao của giá trị.

• Thay đổi giá trị của một biến không ảnh hưởng đến biến khác.

Ví dụ:

JavaScript

let num1 = 10;
let num2 = num1;

console.log(num1); // 10
console.log(num2); // 10

num1 = 20;

console.log(num1); // 20
console.log(num2); // 10

Mảng (Array):

• Lưu trữ nhiều giá trị, có thứ tự.

• Khi gán mảng cho biến khác, tạo ra tham chiếu đến cùng một mảng.

• Thay đổi giá trị của một phần tử trong mảng ảnh hưởng đến tất cả các biến tham chiếu đến mảng đó.

Ví dụ:

JavaScript

let arr1 = [1, 2, 3];
let arr2 = arr1;

console.log(arr1); // [1, 2, 3]
console.log(arr2); // [1, 2, 3]

arr1[0] = 5;

console.log(arr1); // [5, 2, 3]
console.log(arr2); // [5, 2, 3]

Object:

• Lưu trữ cặp key-value, có thể truy cập bằng key.

• Khi gán object cho biến khác, tạo ra tham chiếu đến cùng một object.

• Thay đổi giá trị của thuộc tính trong object ảnh hưởng đến tất cả các biến tham chiếu đến object đó.

Ví dụ:

JavaScript

let obj1 = { name: 'Alice', age: 30 };
let obj2 = obj1;

console.log(obj1); // { name: 'Alice', age: 30 }
console.log(obj2); // { name: 'Alice', age: 30 }

obj1.age = 35;

console.log(obj1); // { name: 'Alice', age: 35 }
console.log(obj2); // { name: 'Alice', age: 35 }

Lưu ý:

• Sử dụng let hoặc const để khai báo biến.

• Nên sử dụng const cho mảng và object nếu giá trị không cần thay đổi.

• Cẩn thận khi sử dụng mảng và object trong các hàm và vòng lặp.

• Nên sao chép mảng và object nếu cần sửa đổi giá trị mà không ảnh hưởng đến các biến khác.

Ví dụ sao chép mảng:

JavaScript

let arr1 = [1, 2, 3];
let arr2 = arr1.slice(); // Tạo bản sao mới của arr1

console.log(arr1); // [1, 2, 3]
console.log(arr2); // [1, 2, 3]

arr1[0] = 5;

console.log(arr1); // [5, 2, 3]
console.log(arr2); // [1, 2, 3]

Ví dụ sao chép object:

JavaScript

let obj1 = { name: 'Alice', age: 30 };
let obj2 = Object.assign({}, obj1); // Tạo bản sao mới của obj1

console.log(obj1); // { name: 'Alice', age: 30 }
console.log(obj2); // { name: 'Alice', age: 30 }

obj1.age = 35;

console.log(obj1); // { name: 'Alice', age: 35 }
console.log(obj2); // { name: 'Alice', age: 30 }

Hiểu rõ cách xử lý mảng, object, biến tham chiếu giúp viết code JavaScript chính xác, hiệu quả và tránh lỗi.