How do I access properties of a javascript object if I don’t know the names?

by

You can loop through keys like this:

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

This logs “Name” and “Value”.

If you have a more complex object type (not just a plain hash-like object, as in the original question), you’ll want to only loop through keys that belong to the object itself, as opposed to keys on the object’s prototype:

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

As you noted, keys are not guaranteed to be in any particular order. Note how this differs from the following:

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

This example loops through values, so it would log Property Name and 0. N.B.: The for each syntax is mostly only supported in Firefox, but not in other browsers.

If your target browsers support ES5, or your site includes es5-shim.js (recommended), you can also use Object.keys:

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

and loop with Array.prototype.forEach:

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

More Related Contents:

  1. the value of the property “if” is null or undefined, not a Function object [closed]
  2. How do I remove a property from a JavaScript object?
  3. Dynamically access object property using variable
  4. Test for existence of nested JavaScript object key
  5. Sorting object property by values
  6. How to iterate over a JavaScript object?
  7. How to create an object property from a variable value in JavaScript? [duplicate]
  8. Remove array element based on object property
  9. Is it possible to get the non-enumerable inherited property names of an object?
  10. Getting the object’s property name
  11. How to set a Javascript object values dynamically?
  12. Access object properties within object [duplicate]
  13. Access JavaScript property case-insensitively?
  14. Watch for object properties changes in JavaScript [duplicate]
  15. how to access object property using variable [duplicate]
  16. how to iterate over inner objects / property in an object
  17. Can a JavaScript object property refer to another property of the same object? [duplicate]
  18. Get object property name as a string
  19. How to create Javascript constants as properties of objects using const keyword?
  20. Accessing an object property with a dynamically-computed name
  21. How to prevent automatic sort of Object numeric property?
  22. JavaScript object literal length === undefined?
  23. Are there limits to the number of properties in a JavaScript object?
  24. Why is using “for…in” for array iteration a bad idea?
  25. Adding custom properties to a function
  26. Is there any way to use a numeric type as an object key?
  27. requestAnimationFrame with this keyword
  28. Get all instances of class in Javascript
  29. Sort Keys in Javascript Object
  30. Javascript / Chrome – How to copy an object from the webkit inspector as code

Leave a Comment