Làm cách nào để truy cập các thuộc tính của đối tượng javascript nếu tôi không biết tên?

Giả sử bạn có một đối tượng javascript như thế này:

var data = { foo: 'bar', baz: 'quux' };

Bạn có thể truy cập các thuộc tính bằng tên thuộc tính:

var foo = data.foo;
var baz = data["baz"];

Nhưng có thể có được các giá trị này nếu bạn không biết tên của các thuộc tính? Có phải bản chất không có thứ tự của các tính chất này làm cho chúng không thể phân biệt chúng?

Trong trường hợp của tôi, tôi đang nghĩ cụ thể về một tình huống trong đó một hàm cần chấp nhận một loạt các cặp giá trị tên, nhưng tên của các thuộc tính có thể thay đổi.

Suy nghĩ của tôi về cách thực hiện điều này cho đến nay là chuyển tên của các thuộc tính cho hàm cùng với dữ liệu, nhưng cảm giác này giống như một bản hack. Tôi muốn làm điều này với sự hướng nội nếu có thể.

Bạn có thể lặp qua các phím như thế này:

for (var key in data) {
  console.log(key);
}

Nhật ký này "Tên" và "Giá trị".

Nếu bạn có một loại đối tượng phức tạp hơn (không chỉ là một đối tượng giống như hàm băm đơn giản, như trong câu hỏi ban đầu), bạn sẽ chỉ muốn lặp qua các khóa thuộc về chính đối tượng, trái ngược với các khóa trên nguyên mẫu của đối tượng :

for (var key in data) {
  if (data.hasOwnProperty(key)) {
    console.log(key);
  }
}

Như bạn đã lưu ý, các khóa không được đảm bảo theo bất kỳ thứ tự cụ thể nào. Lưu ý cách này khác với những điều sau đây:

for each (var value in data) {
  console.log(value);
}

Ví dụ này lặp qua các giá trị, vì vậy nó sẽ đăng nhập Property Namevà 0. NB: for eachCú pháp chủ yếu chỉ được hỗ trợ trong Firefox, nhưng không có trong các trình duyệt khác.

Nếu trình duyệt mục tiêu của bạn hỗ trợ ES5 hoặc trang web của bạn bao gồm es5-shim.js(được khuyến nghị), bạn cũng có thể sử dụng Object.keys:

var data = { Name: 'Property Name', Value: '0' };
console.log(Object.keys(data)); // => ["Name", "Value"]

và lặp với Array.prototype.forEach:

Object.keys(data).forEach(function (key) {
  console.log(data[key]);
});
// => Logs "Property Name", 0

Các phiên bản cũ của JavaScript (<ES5) yêu cầu sử dụng for..invòng lặp:

for (var key in data) {
  if (data.hasOwnProperty(key)) {
    // do something with key
  }
}

ES5 giới thiệu Object.keys và Array # forEach , điều này làm cho việc này dễ dàng hơn một chút:

var data = { foo: 'bar', baz: 'quux' };

Object.keys(data); // ['foo', 'baz']
Object.keys(data).map(function(key){ return data[key] }) // ['bar', 'quux']
Object.keys(data).forEach(function (key) {
  // do something with data[key]
});

ES2017 giới thiệu Object.valuesvà Object.entries.

Object.values(data) // ['bar', 'quux']
Object.entries(data) // [['foo', 'bar'], ['baz', 'quux']]

for(var property in data) {
    alert(property);
}

Bạn thường sẽ muốn kiểm tra các thuộc tính cụ thể của một thể hiện của một đối tượng, mà không có tất cả các phương thức và thuộc tính nguyên mẫu chung của nó:

 Obj.prototype.toString= function(){
        var A= [];
        for(var p in this){
            if(this.hasOwnProperty(p)){
                A[A.length]= p+'='+this[p];
            }
        }

    return A.join(', ');
}

function getDetailedObject(inputObject) {
    var detailedObject = {}, properties;

    do {
        properties = Object.getOwnPropertyNames( inputObject );
        for (var o in properties) {
            detailedObject[properties[o]] = inputObject[properties[o]];
        }
    } while ( inputObject = Object.getPrototypeOf( inputObject ) );

    return detailedObject;
}

Điều này sẽ nhận được tất cả các thuộc tính và giá trị của chúng (được kế thừa hoặc sở hữu, có thể đếm được hoặc không) trong một đối tượng mới. đối tượng ban đầu là không bị ảnh hưởng. Bây giờ đối tượng mới có thể được duyệt qua bằng cách sử dụng

var obj = { 'b': '4' }; //example object
var detailedObject = getDetailedObject(obj);
for(var o in detailedObject) {
    console.log('key: ' + o + '   value: ' + detailedObject[o]);
}

var obj = {
 a: [1, 3, 4],
 b: 2,
 c: ['hi', 'there']
 }
for(let r in obj){  //for in loop iterates all properties in an object
 console.log(r) ;  //print all properties in sequence
 console.log(obj[r]);//print all properties values
}

Bạn có thể sử dụng Object.keys () , "trả về một mảng các tên thuộc tính có thể đếm được của chính đối tượng đã cho, theo thứ tự như chúng ta nhận được với một vòng lặp thông thường."

Bạn có thể sử dụng bất kỳ đối tượng nào thay cho stats:

var stats = {
  a: 3,
  b: 6,
  d: 7,
  erijgolekngo: 35
}
/*  this is the answer here  */
for (var key in Object.keys(stats)) {
  var t = Object.keys(stats)[key];
  console.log(t + " value =: " + stats[t]);
}

var attr, object_information='';

for(attr in object){

      //Get names and values of propertys with style (name : value)
      object_information += attr + ' : ' + object[attr] + '\n'; 

   }


alert(object_information); //Show all Object