How do I reference a JavaScript object property with a hyphen in it?

by

Look at the comments. You will see that for CSS properties, the key notation is not compatible with a number of properties. Using the camel case key notation therefore is the current way:

obj.style-attr // would become

obj["styleAttr"]

Use key notation rather than dot

style["text-align"]

All arrays in JavaScript are objects and all objects are just associative arrays. This means you can refer to a place in an object just as you would refer to a key in an array.

arr[0]

or the object

obj["method"] == obj.method

A couple things to remember when accessing properties this way:

  1. they are evaluated so use strings unless you are doing something with a counter or using dynamic method names.

    This means obj[method] would give you an undefined error while obj[“method”] would not

  2. You must use this notation if you are using characters that are not allowed in JavaScript variables.

This regex pretty much sums it up:

[a-zA-Z_$][0-9a-zA-Z_$]*

More Related Contents:

  1. the value of the property “if” is null or undefined, not a Function object [closed]
  2. Dynamically access object property using variable
  3. How to use a variable for a key in a JavaScript object literal?
  4. Test for existence of nested JavaScript object key
  5. Sorting object property by values
  6. How to efficiently count the number of keys/properties of an object in JavaScript
  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. react-router – pass props to handler component
  11. How to set object property (of object property of..) given its string name in JavaScript?
  12. Getting the object’s property name
  13. Sorting objects by property values
  14. Access JavaScript property case-insensitively?
  15. Modifying CSS class property values on the fly with JavaScript / jQuery
  16. Watch for object properties changes in JavaScript [duplicate]
  17. create object using variables for property name [duplicate]
  18. how to access object property using variable [duplicate]
  19. Can I update a component’s props in React.js?
  20. Can a JavaScript object property refer to another property of the same object? [duplicate]
  21. Using reserved words as property names, revisited
  22. mongoose .find() method returns object with unwanted properties
  23. How do I access properties of a javascript object if I don’t know the names?
  24. Getting a list of statics on an ES6 class
  25. Get object property name as a string
  26. How to create Javascript constants as properties of objects using const keyword?
  27. What’s the simplest approach to check existence of deeply-nested object property in JavaScript? [duplicate]
  28. Accessing an object property with a dynamically-computed name
  29. How to prevent automatic sort of Object numeric property?
  30. Are there limits to the number of properties in a JavaScript object?

Leave a Comment