Как получить доступ к свойствам объекта javascript, если я не знаю имен?

Question

Скажем, у вас есть такой объект javascript:

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

Вы можете получить доступ к свойствам по имени свойства:

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

Но возможно ли получить эти значения, если вы не знаете названия свойств? Делает ли неупорядоченный характер этих свойств невозможным их различение?

В моем случае я имею в виду конкретную ситуацию, когда функции необходимо принять серию пар имя-значение, но имена свойств могут измениться.

Мои мысли о том, как сделать это до сих пор, состоят в том, чтобы передать имена свойств функции вместе с данными, но это похоже на хак. Я бы предпочел сделать это с помощью самоанализа, если это возможно.

Answer 1

Вы можете переключаться между клавишами так:

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

Это журналы «Имя» и «Значение».

Если у вас более сложный тип объекта (не просто простой объект, похожий на хэш, как в первоначальном вопросе), вам нужно будет циклически проходить только ключи, принадлежащие самому объекту, а не ключи прототип объекта :

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

Как вы заметили, ключи не гарантированно находятся в каком-либо определенном порядке. Обратите внимание, как это отличается от следующего:

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

В этом примере циклически перебираются значения, поэтому в нем регистрируются Property Name и 0. N.B .: Синтаксис for each в основном поддерживается только в Firefox, но не в других браузерах.

Если ваши целевые браузеры поддерживают ES5 или ваш сайт содержит es5-shim.js (рекомендуется), вы также можете использовать Object.keys:

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

и цикл с Array.prototype.forEach:

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

Answer 2

Старые версии JavaScript (for..in:

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

ES5 представляет Object.keys и Array # forEach , что делает это немного проще:

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 вводит Object.values и Object.entries.

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

Answer 3

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

Answer 4

Вам часто захочется изучить конкретные свойства экземпляра объекта, без всех общих методов и свойств прототипа:

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

    return A.join(', ');
}

Answer 5

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;
}

Получит все свойства и их значения (наследуемые или собственные, перечисляемые или нет) в новом объекте. Оригинальный объект не тронут. Теперь новый объект можно пройти с помощью

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

Answer 6

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
}

Answer 7

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

Answer 8

var fs   = require("fs");

fs.stat( process.argv[1], function( err, stats ){
if (err) {
     console.log( err.message ); 
     return;    
} else {
 console.log(JSON.stringify(stats));

/*  this is the answer here  */

    for (var key in Object.keys(stats)){
    var t = Object.keys( stats )[key];
    console.log( t + " value =: " + stats[t]  );
     }  

/*  to here, run in node */
   }
});