Menu
CoddyTech

Optional chaining trong JSON

Thuộc phần Logic và luồng chương trình trong hành trình JavaScript của Coddy. Bài học 24 trên 65.

Optional chaining (?.) giúp bạn truy cập an toàn vào các thuộc tính lồng nhau mà không phải lo gặp lỗi nếu một thuộc tính có giá trị null hoặc undefined.

Ví dụ không dùng chuỗi truy cập tùy chọn:

let obj = {};
console.log(obj.key1.key2);
// Lỗi: Không thể đọc thuộc tính của undefined

Ví dụ với phép nối chuỗi tùy chọn:

let obj = {};
console.log(obj.key1?.key2);
// undefined (không có lỗi)
  • Nếu key1 tồn tại, biểu thức này truy cập key2.
  • Nếu key1 là null hoặc undefined, biểu thức trả về undefined thay vì gây ra lỗi.

Thêm ví dụ:

let user = {
	profile: {
		name: "Alice"
	}
};

console.log(user.profile?.name);
// "Alice"
console.log(user.profile?.age);
// undefined (không có lỗi)
console.log(user.address?.city);
// undefined (không có lỗi)

Tự làm thử

Bài học này không có thử thách code.

quiz iconTự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Logic và luồng chương trình

Tự luyện tập: Trình biên dịch JavaScript online