Hướng dẫn how do you check if an object has a key and value in javascript? - làm cách nào để kiểm tra xem một đối tượng có khóa và giá trị trong javascript không?

Các đối tượng trong JavaScript là các loại dữ liệu không nguyên thủy chứa một bộ sưu tập các cặp giá trị khóa không có thứ tự.

Như bạn có thể thấy trong hình trên, khóa là thuộc tính và mỗi giá trị đối tượng phải có khóa.

Khi tương tác với các đối tượng, các tình huống có thể phát sinh yêu cầu bạn kiểm tra xem một khóa cụ thể có tồn tại không. Điều quan trọng cần lưu ý là nếu bạn biết một khóa tồn tại tự động có nghĩa là một giá trị tồn tại. Giá trị này có thể là bất cứ điều gì - thậm chí trống rỗng, null hoặc không xác định.

Trong bài viết này, chúng tôi sẽ tìm hiểu các phương pháp khác nhau để kiểm tra xem khóa của một đối tượng có tồn tại trong JavaScript hay không.

Trong trường hợp bạn đang vội, đây là hai phương pháp tiêu chuẩn chúng ta có thể sử dụng để kiểm tra:

// Using in operator
'key' in object

// Using hasOwnProperty() method
object.hasOwnProperty('key')

Bạn có thể sử dụng toán tử JavaScript

'key' in object

'key' in object

Cú pháp khi sử dụng toán tử

'key' in object

'key' in object

Giả sử chúng ta có một đối tượng chứa chi tiết của người dùng:

let user = {
  name: "John Doe",
  age: 40
};

Chúng ta có thể kiểm tra xem một khóa có tồn tại với toán tử

'key' in object

'name' in user; // Returns true
'hobby' in user; // Returns false
'age' in user; // Returns true

Lưu ý: Giá trị trước từ khóa

'key' in object

'key' in object

'key' in object

Cách kiểm tra xem một đối tượng có 'key' in object 9 trong JavaScript với phương thức let user = { name: "John Doe", age: 40 }; 0 không

Bạn có thể sử dụng phương thức JavaScript

let user = {
  name: "John Doe",
  age: 40
};

Phương pháp của anh ấy khá giống với toán tử

'key' in object

'key' in object

'key' in object

'key' in object

let user = {
  name: "John Doe",
  age: 40
};

Cú pháp khi sử dụng phương thức

let user = {
  name: "John Doe",
  age: 40
};

object.hasOwnProperty('key')

Giả sử chúng ta có một đối tượng chứa chi tiết của người dùng:

let user = {
  name: "John Doe",
  age: 40
};

Chúng ta có thể kiểm tra xem một khóa có tồn tại với toán tử

'key' in object

user.hasOwnProperty('name'); // Returns true
user.hasOwnProperty('hobby'); // Returns false
user.hasOwnProperty('age'); // Returns true

Lưu ý: Giá trị trước từ khóa

'key' in object

'key' in object

'key' in object

Cách kiểm tra xem một đối tượng có

'key' in object

let user = {
  name: "John Doe",
  age: 40
};

if ("name" in user) {
  console.log("the key exists on the object");
}

// Or

if (user.hasOwnProperty("name")) {
  console.log("the key exists on the object");
}

Bạn có thể sử dụng phương thức JavaScript let user = { name: "John Doe", age: 40 }; 0 để kiểm tra xem một đối tượng được chỉ định có thuộc tính đã cho làm thuộc tính của nó không. T

Phương pháp của anh ấy khá giống với toán tử

'key' in object

'key' in object

'key' in object

'key' in object

let user = {
  name: "John Doe",
  age: 40
};

Cú pháp khi sử dụng phương thức

let user = {
  name: "John Doe",
  age: 40
};

Lưu ý: Giá trị bạn chuyển vào phương thức

let user = {
  name: "John Doe",
  age: 40
};

'key' in object

'key' in object

let user = {
  name: "John Doe",
  age: 40
};

console.log(user?.name); // Returns John Doe
console.log(user?.hobby); // Returns undefined
console.log(user?.age); // Returns 40

Vì bây giờ chúng ta biết rằng các phương pháp này tồn tại, giờ đây chúng ta có thể sử dụng một điều kiện để kiểm tra và thực hiện bất kỳ hoạt động nào chúng ta muốn thực hiện:

if (user?.hobby !== undefined) {
  console.log("The key exists on the object");
}

Gói lên

'key' in object

Trong bài viết này, chúng tôi đã học được cách kiểm tra xem một đối tượng có khóa bằng hai phương pháp tiêu chuẩn không. Sự khác biệt giữa hai phương thức là

'name' in user; // Returns true
'hobby' in user; // Returns false
'age' in user; // Returns true

'key' in object

'key' in object

Có những phương pháp khác bạn có thể sử dụng, nhưng đến một lúc nào đó chúng có thể trở nên quá phức tạp và không dễ hiểu. Họ cũng có thể thất bại khi được thử nghiệm chống lại một số điều kiện nhất định.

Ví dụ: chúng ta có thể sử dụng chuỗi tùy chọn, vì vậy nếu một khóa được chỉ định không tồn tại, nó sẽ trả về

'name' in user; // Returns true
'hobby' in user; // Returns false
'age' in user; // Returns true