JavaScript object: access variable property by name as string [duplicate]

by

You don’t need a function for it – simply use the bracket notation:

var side = columns['right'];

This is equal to dot notation, var side = columns.right;, except the fact that right could also come from a variable, function return value, etc., when using bracket notation.

If you NEED a function for it, here it is:

function read_prop(obj, prop) {
    return obj[prop];
}

To answer some of the comments below that aren’t directly related to the original question, nested objects can be referenced through multiple brackets. If you have a nested object like so:

var foo = { a: 1, b: 2, c: {x: 999, y:998, z: 997}};

you can access property x of c as follows:

var cx = foo['c']['x']

If a property is undefined, an attempt to reference it will return undefined (not null or false):

foo['c']['q'] === null
// returns false

foo['c']['q'] === false
// returns false

foo['c']['q'] === undefined
// returns true

More Related Contents:

  1. Most efficient method to groupby on an array of objects
  2. Add a property to a JavaScript object using a variable as the name?
  3. How to iterate over a JavaScript object?
  4. Javascript: Object Literal reference in own key’s function instead of ‘this’
  5. Firestore Update single item in an array field
  6. Why does typeof array with objects return “object” and not “array”? [duplicate]
  7. How can I access and process nested objects, arrays or JSON?
  8. Filter array of objects with another array of objects
  9. Check if object value exists within a Javascript array of objects and if not add a new object to array
  10. How to set a Javascript object values dynamically?
  11. How to copy JavaScript object to new variable NOT by reference? [duplicate]
  12. Access object properties within object [duplicate]
  13. Render Object properties in React
  14. How to access nested JSON data
  15. JS: Does Object.assign() create deep copy or shallow copy
  16. how to iterate over inner objects / property in an object
  17. How to change HTML Object element data attribute value in javascript
  18. How to check the depth of an object?
  19. When should I automatically create an object even if `new` is forgotten?
  20. Using JavaScript what’s the quickest way to recursively remove properties and values from an object?
  21. Array.includes() to find object in array
  22. Javascript deep copying object [duplicate]
  23. Javascript – deepEqual Comparison
  24. Lodash create collection from duplicate object keys
  25. Setting one object equal to another object with the assignment operator in Javascript
  26. Object referencing its own property on initialization [duplicate]
  27. Converting Array of Objects into Array of Arrays
  28. Using non-ASCII character as JavaScript object key [duplicate]
  29. Difference between ( for… in ) and ( for… of ) statements?
  30. Find object having maximum value for the `id` property in an array of objects

Leave a Comment