Call child object with space within parent object of no name

Question

Lets say I have the following...

Example code:

const array = [{
  key1: {
    keyA: 'hello world',
    keyB: 'hello world'
  },
  'key2 with space': {
    keyA: 'hello world',
    keyB: 'hello world'
  },
  key3: {
    keyA: 'hello world',
    keyB: 'hello world'
  }
}]

How would I console log the 'key2 with space' value's object as shown in the code above.

I tried the following console.log(array[0].['key with space']). But this results in a syntax error that isn't very will defined.

Possible duplicate of [access javascript object with space in key](https://stackoverflow.com/questions/8317982/access-javascript-object-with-space-in-key) — Jeto, Nov 20 '18 at 05:37
@Jeto I don't think it's a duplication of that question, because the question is a nested object not inside an array. And the parent array has a name. — Fiddle Freak, Nov 20 '18 at 05:38
@FiddleFreak Well, the array access didn't seem to be the issue there, accessing that kind of key with spaces in it did. Anyway, you got your answer :) — Jeto, Nov 20 '18 at 05:40
@Jeto Yes I know, but the main answer to that question was the solution I tried to do myself... which means it is slightly different. My question adds one more layer of abstraction (an array), which causes the parent object to be nameless (unlike the possible duplicate question. Good eye though ^^. Maybe I should have worded the question title better. — Fiddle Freak, Nov 20 '18 at 05:42

Mamun · Accepted Answer · 2018-11-20T05:46:13.950

You can access object properties in two ways, one is using the dot (.) operator and the other is using the square bracket ([]). You are using both. Since the key contains space, you have to use the bracket notation. Also, the key name you are trying in console does not match ('key2 with space' != 'key with space').

Remove dot:

const array = [{
  key1: {
    keyA: 'hello world',
    keyB: 'hello world'
  },
  'key2 with space': {
    keyA: 'hello world',
    keyB: 'hello world'
  },
  key3: {
    keyA: 'hello world',
    keyB: 'hello world'
  }
}]
console.log(array[0]['key2 with space'])

Call child object with space within parent object of no name

1 Answers1