Lỗi Lấy Phần Tử Đối Tượng Trong JavaScript

Giả sử chúng ta có một đối tượng:

let obj = {
	a: 1,
	b: 2,
	c: 3,
	d: 4,
	e: 5,
};

Giả sử chúng ta muốn lấy từ đối tượng này một phần tử theo một khóa nào đó. Giả sử tên của khóa này được người dùng nhập vào ô input:

console.log(input.value);

Một số lập trình viên mới bắt đầu mắc lỗi sau: họ lặp qua đối tượng trong vòng lặp, so sánh lần lượt các khóa với giá trị của input, như thế này:

for (let key in obj) {
	if (key === input.value) {
		let elem = obj[key];
		console.log(elem); // giá trị cần tìm
		break;
	}
}

Tuy nhiên, trong tác vụ này, vòng lặp hoàn toàn không cần thiết. Bởi vì chúng ta đơn giản có thể lấy giá trị của chúng ta theo khóa, như thế này:

let elem = obj[input.value];

Nếu cần, có thể thêm kiểm tra sự tồn tại của khóa như vậy trong đối tượng:

if (obj[input.value] !== undefined) {
	let elem = obj[input.value];
	console.log(elem);
} else {
	console.log('không có khóa như vậy trong đối tượng');
}