- Instant help with your JavaScript coding problems

Access JavaScript object property with space

by Mike
Question:
How to access JavaScript object property with space?
Answer:
let user = users["John Doe"];
Description:

If you need to access an object property in JavaScript that contains one or more spaces you can use the bracket notation syntax: object['property name'] .

There are 2 types of property accessors in JavaScript that provide access to an object's properties:

  • dot notation:  The property must be a valid JavaScript identifier. So space is not allowed in the name. Syntax: object.property
  • bracket notation:  The property name is just a string or Symbol. So, it can be any string. Syntax: object['pro per ty']

 

Reference:
Property accessors reference
Share "How to access JavaScript object property with space?"
Related snippets:
Tags:
access, object, property, space, spaces, object key, javascript, space in property name, space in key
Technical term:
Access JavaScript object property with space
Trending articles
Fix 'React' refers to a UMD global, but the current file is a moduleFix the object passed as the value prop to the Context provider changes every renderFix the 'React' must be in scope when using JSX errorHow to run useEffect only once in ReactFix the React 18: Hydration failed because the initial UI does not match errorFix npm ERR! enoent ENOENT: no such file or directory errorFix the ReactDOM.render is no longer supported in React 18Fix the TypeError: MiniCssExtractPlugin is not a constructorSolving the Uncaught SyntaxError: Cannot use import statement outside a moduleRemove element from an array
Trending snippets
Remove accents from a string in JavaScriptGenerate random date with JavaScriptDetect escape key press in JavaScriptConvert snake case to camel case in JavaScriptConvert camel case to snake case in JavaScriptSolving the Error [ERR_REQUIRE_ESM]: require() of ES Module not supportedConvert a string to sentence case in JavaScriptSolving the Error: Must use import to load ES ModuleDetect fullscreen mode with JavaScriptDetect Ctrl+C and Ctrl+V using JavaScriptRemove emojis from a string with JavaScriptConvert string to pascal case in JavaScriptGet selected option from select using JavaScriptRemove protocol from URL with JavaScriptReplace line break with br in JavaScriptAdd class to parent element in JavaScriptGet yesterday's date in JavaScriptReplace spaces with dashes in JavaScriptCount the number of lines in a string in JavaScriptGet the value of selected radio button in JavaScript
Network articles
Access object property with hyphen in PHPSolving the stylesheet not loaded because of MIME-typeFix the *.ps1 cannot be loaded because running scripts is disabled on this systemCreate blinking background with TailwindCSSUse comments correctly in PHPCalculate percentage with SASSSolve the Typed property X must not be accessed before initialization errorFix TailwindCSS breaks existing stylesUse PHP ternary operatorGet multiple cursors in VS CodeReplace only the first occurrence of a string in PHPConvert INT to DATETIME in MySQLLimit characters in Textarea in HTMLOpen files always in a new tab in VS CodeBackup MySQL schema onlyRemove focus border around input elementPHP while loopPHP in_array function use and examplesSet default encoding to UTF-8 using ApacheLink to a section on the same page
Quick fix
Fix: Require statement not part of import statement Fix navigator.clipboard is undefined