Cách xác định xem một đối tượng có thuộc tính đã cho trong JavaScript không

Làm thế nào tôi có thể xác định liệu một đối tượng xcó thuộc tính được xác định y, bất kể giá trị của x.y?

Tôi hiện đang sử dụng

if (typeof(x.y) !== 'undefined')

nhưng điều đó có vẻ hơi lộn xộn. Có cách nào tốt hơn?

Đối tượng có tài sản:

Nếu bạn đang kiểm tra các thuộc tính nằm trên chính đối tượng (không phải là một phần của chuỗi nguyên mẫu của nó), bạn có thể sử dụng .hasOwnProperty():

if (x.hasOwnProperty('y')) { 
  // ......
}

Đối tượng hoặc nguyên mẫu của nó có một thuộc tính:

Bạn có thể sử dụng intoán tử để kiểm tra các thuộc tính được kế thừa.

if ('y' in x) {
  // ......
}

Nếu bạn muốn biết nếu đối tượng vật lý chứa tài sản @ gnarf của câu trả lời sử dụng hasOwnPropertysẽ làm việc.

Nếu bạn muốn biết liệu tài sản có tồn tại ở bất cứ đâu, trên chính đối tượng hoặc trong chuỗi nguyên mẫu, bạn có thể sử dụng intoán tử .

if ('prop' in obj) {
  // ...
}

Ví dụ.:

var obj = {};

'toString' in obj == true; // inherited from Object.prototype
obj.hasOwnProperty('toString') == false; // doesn't contains it physically

Underscore.js hoặc Lodash

if (_.has(x, "y")) ...

:)

Bạn có thể cắt nó lên một chút như thế này:

if ( x.y !== undefined ) ...

Một tính năng của mã gốc của tôi

if ( typeof(x.y) != 'undefined' ) ...

Điều này có thể hữu ích trong một số trường hợp là nó an toàn khi sử dụng cho dù có xtồn tại hay không. Với một trong các phương pháp trong câu trả lời của gnarf, trước tiên người ta nên kiểm tra xxem có nghi ngờ gì không nếu nó tồn tại.

Vì vậy, có lẽ cả ba phương pháp đều có một vị trí trong túi thủ thuật của một người.

Vì câu hỏi liên quan đến sự vụng về của việc kiểm tra thuộc tính và một usecase thông thường cho việc xác thực các đối tượng tùy chọn đối số chức năng, tôi nghĩ rằng tôi đã đề cập đến một cách ngắn để kiểm tra sự tồn tại của nhiều thuộc tính. Tuyên bố miễn trừ trách nhiệm: Nó yêu cầu ECMAScript 5 (nhưng IMO bất cứ ai vẫn sử dụng IE8 đều xứng đáng bị hỏng web).

function f(opts) {
  if(!["req1","req2"].every(opts.hasOwnProperty, opts)) {
      throw new Error("IllegalArgumentException");
  }
  alert("ok");
}
f({req1: 123});  // error
f({req1: 123, req2: 456});  // ok

Tại sao không đơn giản:

if (typeof myObject.myProperty == "undefined") alert("myProperty is not defined!");

Hoặc nếu bạn mong đợi một loại cụ thể:

if (typeof myObject.myProperty != "string") alert("myProperty has wrong type or does not exist!");