Optional Chaining, lấy các cặp key-value của mảng thông qua phương thức entries() trong javascript

Optional Chaining

Optional Chaining là một tính năng giúp bạn truy cập các thuộc tính hoặc gọi phương thức của đối tượng mà không cần kiểm tra thủ công xem các giá trị đó có tồn tại hay không. Nó ngăn ngừa lỗi khi bạn cố gắng truy cập một thuộc tính từ một đối tượng null hoặc undefined, vốn thường dẫn đến lỗi như TypeError: Cannot read property of undefined.

Cú pháp Optional Chaining :

Optional Chaining được biểu diễn bằng ký tự ?., giúp bạn truy cập một thuộc tính, phương thức, hoặc chỉ số trong một cách an toàn mà không lo gặp lỗi khi giá trị không tồn tại.

Ví dụ:

const person1 = {

name:"Ngoc",

age:20,

address: {

provice: "Thái Nguyên",

district:"Phú Lương"

}

const person2 = {

name:"Ngoc2",

age:20

}

const district1= person1.address?.district // Phú Lương

const district2= person2.address?.district // trả về undefined mà không báo lỗi

Ứng dụng:

Truy cập một thuộc tính của một đối tượng mà không chắc chắn nó có tồn tại hay không mà không cần phải viết các biểu thức kiểm tra phức tạp.

Phương thức entries() của mảng

Trong javascript để làm việc với các phần tử trong mảng nếu muốn lấy ra các cặp key-value ta có thể sử dụng phương thức entries() của mảng.

Ví dụ:

const menu = ["Cơm","Canh","Cá"]

for (const monan of menu.entries()){

console.log(monan); // monan sẽ có giá trị là 1 mảng bao gồm 2 phần tử. Phần tử đầu tiên là chỉ số của mảng menu, phần tử thứ 2 là giá trị của phần tử

}

// Output

[0,"Cơm"]

[1,"Canh"]

[2,"Cá"]

Được viết bởi: Ngọc Ngô