Trong chương trình trên, phương thức
'key' in object
3 được sử dụng để kiểm tra xem một khóa có tồn tại trong một đối tượng hay không. Phương thức 'key' in object
3 trả về 'key' in object
5 nếu khóa được chỉ định nằm trong đối tượng, nếu không, nó trả về 'key' in object
6 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 tập hợp các cặp khóa-giá trị không theo 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ó một khóa
Khi tương tác với các đối tượng, có thể nảy sinh các tình huống yêu cầu bạn kiểm tra xem có tồn tại một khóa cụ thể nào 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, điều đó tự động có nghĩa là một giá trị tồn tại. Giá trị này có thể là bất cứ thứ gì - thậm chí trống, null hoặc không xác định
Trong bài viết này, chúng ta 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 mà chúng tôi có thể sử dụng để kiểm tra
// Using in operator
'key' in object
// Using hasOwnProperty[] method
object.hasOwnProperty['key']
Cách kiểm tra xem một đối tượng có 'key' in object
2 trong JavaScript với Toán tử 'key' in object
3 hay không
'key' in object
'key' in object
Bạn có thể sử dụng toán tử JavaScript
'key' in object
3 để kiểm tra xem một thuộc tính/khóa được chỉ định có tồn tại trong một đối tượng hay không. Nó có cú pháp đơn giản và trả về 'key' in object
5 nếu thuộc tính/khóa đã chỉ định tồn tại trong đối tượng đã chỉ định hoặc chuỗi nguyên mẫu của nóCú pháp khi sử dụng toán tử
'key' in object
3 là'key' in object
Giả sử chúng ta có một đối tượng chứa thông tin 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 khóa có tồn tại hay không với toán tử
'key' in object
3 như bên dưới'name' in user; // Returns true
'hobby' in user; // Returns false
'age' in user; // Returns true
Ghi chú. Giá trị trước từ khóa
'key' in object
3 phải thuộc loại 'key' in object
9 hoặc let user = {
name: "John Doe",
age: 40
};
0Cách kiểm tra xem một đối tượng có 'key' in object
2 trong JavaScript bằng phương pháp let user = {
name: "John Doe",
age: 40
};
2
'key' in object
let user = {
name: "John Doe",
age: 40
};
Bạn có thể sử dụng phương thức JavaScript
let user = {
name: "John Doe",
age: 40
};
2 để 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ó hay không. tphương pháp của anh ấy khá giống với toán tử
'key' in object
3. Nó nhận vào một 'key' in object
9 và sẽ trả về 'key' in object
5 nếu 'key' in object
2 tồn tại trong đối tượng và let user = {
name: "John Doe",
age: 40
};
8 nếu ngược lạiCú pháp khi sử dụng phương thức
let user = {
name: "John Doe",
age: 40
};
2 là'key' in object
2Giả sử chúng ta có một đối tượng chứa thông tin 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 khóa có tồn tại hay không với toán tử
'key' in object
3 như bên dưới'key' in object
5Ghi chú. Giá trị bạn chuyển vào phương thức
let user = {
name: "John Doe",
age: 40
};
2 phải thuộc loại 'key' in object
9 hoặc let user = {
name: "John Doe",
age: 40
};
0Vì bây giờ chúng ta biết rằng các phương thức này tồn tại, bây giờ 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ỳ thao tác nào chúng ta muốn thực hiện
'key' in object
9kết thúc
Trong bài viết này, chúng ta đã học cách kiểm tra xem một đối tượng có khóa hay không bằng hai phương thức tiêu chuẩn. 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
4 chỉ tìm khóa trong một đối tượng trong khi toán tử 'key' in object
3 tìm khóa trong đối tượng và chuỗi nguyên mẫu của nóCó những phương pháp khác mà bạn có thể sử dụng, nhưng tại một số điểm, 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 thử nghiệm với các điều kiện nhất định
Ví dụ: chúng tôi 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
6'key' in object
3Vì vậy, chúng tôi có thể tạo một điều kiện, khi nó không bằng
'name' in user; // Returns true
'hobby' in user; // Returns false
'age' in user; // Returns true
6, điều đó có nghĩa là khóa tồn tại'key' in object
5Như chúng tôi đã nói trước đó, các phương pháp này thất bại khi thử nghiệm với một số điều kiện không phổ biến. Ví dụ: trong trường hợp khi một khóa cụ thể được đặt thành "không xác định", như bên dưới, điều kiện không thành công
'key' in object
0Một ví dụ khác khi nó hoạt động nhưng phức tạp hơn là khi chúng ta sử dụng phương thức
'name' in user; // Returns true
'hobby' in user; // Returns false
'age' in user; // Returns true
8 cùng với phương thức 'name' in user; // Returns true
'hobby' in user; // Returns false
'age' in user; // Returns true
9. Điều này hoạt động nhưng không thực sự dễ hiểu'key' in object
1Trong đoạn mã trên, chúng tôi đã loại bỏ tất cả các khóa dưới dạng một mảng và sau đó áp dụng phương thức
'name' in user; // Returns true
'hobby' in user; // Returns false
'age' in user; // Returns true
9 để kiểm tra xem ít nhất một phần tử trong mảng có vượt qua bài kiểm tra hay không. Nếu nó vượt qua, nó sẽ trả về 'key' in object
5, nếu không thì let user = {
name: "John Doe",
age: 40
};
8Mã hóa vui vẻ
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
Nhà phát triển Frontend & Người viết kỹ thuật
Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu