Object.prototype.hasOwnProperty()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phương thức hasOwnProperty() của các instance Object trả về một boolean cho biết đối tượng này có thuộc tính được chỉ định như là thuộc tính riêng của nó hay không (trái với kế thừa).
Note:
Object.hasOwn() được khuyến nghị thay cho
hasOwnProperty(), trên các trình duyệt hỗ trợ nó.
Try it
const object = {};
object.foo = 42;
console.log(object.hasOwnProperty("foo"));
// Expected output: true
console.log(object.hasOwnProperty("toString"));
// Expected output: false
console.log(object.hasOwnProperty("hasOwnProperty"));
// Expected output: false
Cú pháp
hasOwnProperty(prop)
Tham số
Giá trị trả về
Trả về true nếu đối tượng có thuộc tính được chỉ định là thuộc tính riêng; ngược lại là false.
Mô tả
Phương thức hasOwnProperty() trả về true nếu thuộc tính được chỉ định là thuộc tính trực tiếp của đối tượng — kể cả khi giá trị là null hoặc undefined. Phương thức trả về false nếu thuộc tính được kế thừa hoặc chưa được khai báo. Không giống toán tử in, phương thức này không kiểm tra thuộc tính được chỉ định trong chuỗi prototype của đối tượng.
Phương thức có thể được gọi trên hầu hết các đối tượng JavaScript, vì hầu hết các đối tượng đều kế thừa từ Object, và do đó kế thừa các phương thức của nó. Ví dụ Array là một Object, vì vậy bạn có thể dùng phương thức hasOwnProperty() để kiểm tra xem một chỉ số có tồn tại hay không:
const fruits = ["Apple", "Banana", "Watermelon", "Orange"];
fruits.hasOwnProperty(3); // true ('Orange')
fruits.hasOwnProperty(4); // false - not defined
Phương thức sẽ không khả dụng trong các đối tượng mà nó bị triển khai lại, hoặc trên đối tượng có prototype null (vì những đối tượng này không kế thừa từ Object.prototype). Ví dụ cho các trường hợp này được cung cấp bên dưới.
Ví dụ
Dùng hasOwnProperty để kiểm tra sự tồn tại của thuộc tính riêng
Đoạn mã sau cho thấy cách xác định xem đối tượng example có chứa thuộc tính tên là prop hay không.
const example = {};
example.hasOwnProperty("prop"); // false
example.prop = "exists";
example.hasOwnProperty("prop"); // true - 'prop' has been defined
example.prop = null;
example.hasOwnProperty("prop"); // true - own property exists with value of null
example.prop = undefined;
example.hasOwnProperty("prop"); // true - own property exists with value of undefined
Thuộc tính trực tiếp so với thuộc tính kế thừa
Ví dụ sau phân biệt giữa thuộc tính trực tiếp và thuộc tính kế thừa qua chuỗi prototype:
const example = {};
example.prop = "exists";
// `hasOwnProperty` will only return true for direct properties:
example.hasOwnProperty("prop"); // true
example.hasOwnProperty("toString"); // false
example.hasOwnProperty("hasOwnProperty"); // false
// The `in` operator will return true for direct or inherited properties:
"prop" in example; // true
"toString" in example; // true
"hasOwnProperty" in example; // true
Duyệt các thuộc tính của một đối tượng
Ví dụ sau cho thấy cách duyệt các thuộc tính enumerable của một đối tượng mà không thực thi trên các thuộc tính kế thừa.
const buz = {
fog: "stack",
};
for (const name in buz) {
if (buz.hasOwnProperty(name)) {
console.log(`this is fog (${name}) for sure. Value: ${buz[name]}`);
} else {
console.log(name); // toString or something else
}
}
Lưu ý rằng vòng lặp for...in chỉ duyệt các phần tử enumerable: sự vắng mặt của các thuộc tính non-enumerable không được phát ra từ vòng lặp không có nghĩa là hasOwnProperty bị giới hạn nghiêm ngặt đối với các phần tử enumerable. Bạn có thể duyệt các thuộc tính non-enumerable với Object.getOwnPropertyNames().
Dùng hasOwnProperty làm tên thuộc tính
JavaScript không bảo vệ tên thuộc tính hasOwnProperty; một đối tượng có thuộc tính với tên này có thể trả về kết quả không chính xác:
const foo = {
hasOwnProperty() {
return false;
},
bar: "Here be dragons",
};
foo.hasOwnProperty("bar"); // re-implementation always returns false
Cách khuyến nghị để giải quyết vấn đề này là thay bằng Object.hasOwn() (trong các trình duyệt hỗ trợ). Các lựa chọn khác bao gồm việc sử dụng hasOwnProperty bên ngoài:
const foo = { bar: "Here be dragons" };
// Use Object.hasOwn() method - recommended
Object.hasOwn(foo, "bar"); // true
// Use the hasOwnProperty property from the Object prototype
Object.prototype.hasOwnProperty.call(foo, "bar"); // true
// Use another Object's hasOwnProperty
// and call it with 'this' set to foo
({}).hasOwnProperty.call(foo, "bar"); // true
Lưu ý rằng trong hai trường hợp đầu không có đối tượng mới nào được tạo.
Đối tượng được tạo với Object.create(null)
Các đối tượng có prototype null không kế thừa từ Object.prototype, khiến hasOwnProperty() không thể truy cập được.
const foo = Object.create(null);
foo.prop = "exists";
foo.hasOwnProperty("prop"); // Uncaught TypeError: foo.hasOwnProperty is not a function
Các giải pháp trong trường hợp này giống với phần trước: ưu tiên dùng Object.hasOwn(), ngược lại dùng hasOwnProperty() của đối tượng bên ngoài.
Đặc tả
| Specification |
|---|
| ECMAScript® 2027 Language Specification # sec-object.prototype.hasownproperty |