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

Question

Скажет, у вас объекты JavaScript, как это:

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

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

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

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

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

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

Answer 1

Старые версии JavaScript (< ES5) требуют применения 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 2

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

Answer 3

Вы можете перебрать ключи, как это:

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

Это журналы "Name" и "Value".

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

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

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 */ 
    } 
}); 

Answer 6

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 7

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