Can I get a javascript object property name that starts with a number?

by

You can use the following syntax to do what you describe using bracket notation:

myObject["myProperty"]

Bracket notation differs from dot notation (e.g. myObject.myProperty) in that it can be used to access properties whose names are illegal. Illegal meaning that with dot notation, you’re limited to using property names that are alphanumeric (plus the underscore _ and dollar sign $), and don’t begin with a number. Bracket notation allows us to use a string to access a property and bypass this.

myObject.1 // fails, properties cannot begin with numbers
myObject.& // fails, properties must be alphanumeric (or $ or _)

myObject["1"] // succeeds
myObject["&"] // succeeds

This also means we can use string variables to look up and set properties on objects:

var myEdgyPropertyName = "||~~(_o__o_)~~||";

myEdgyObject[myEdgyPropertyName] = "who's there?";

myEdgyObject[myEdgyPropertyName] // "who's there?";

You can read more about dot and bracket notation here, on MDN.

More Related Contents:

  1. JavaScript: Object Rename Key
  2. How to efficiently count the number of keys/properties of an object in JavaScript
  3. Get HTML5 localStorage keys
  4. Which characters are valid/invalid in a JSON key name?
  5. Is there any way to use a numeric type as an object key?
  6. Why not always use the index as the key in a vue.js for loop?
  7. How can I find the keys of an object?
  8. Sort Keys in Javascript Object
  9. Detect left mouse button press
  10. Keylistener in Javascript
  11. Submit form on Enter key with javascript
  12. KeyboardEvent.keyCode deprecated. What does this mean in practice?
  13. How to trigger the onclick event of a marker on a Google Maps V3?
  14. Firefox Web Console Disabled?
  15. JavaScript: What are .extend and .prototype used for?
  16. Uncaught NotFoundError: Failed to execute ‘insertBefore’ on ‘Node’: The node before which the new node is to be inserted is not a child of this node
  17. Is it possible to make input fields read-only through CSS?
  18. how to render child components in react.js recursively
  19. Change language for bootstrap DateTimePicker
  20. Cannot connect to MongoDB because of wrong URI
  21. Freeze Header until Irrelevant (HTML, CSS and JS)
  22. Why is webpack –watch not updating when specific files are updated
  23. How do you split a javascript string by spaces and punctuation?
  24. creating highchart with ajax json data
  25. Low power mode detection in JavaScript for iOS11?
  26. How to implement a Typescript interface to an es5-style “class”?
  27. Explain bindbind() function
  28. What is the difference between JavaScript’s getElementById() and getElementsByName() functions?
  29. read csv/tsv with no header line in D3
  30. Alternatives of JSON.stringify() in JavaScript

Leave a Comment