JS - extract an Array property from an object

Question

Code:

var obj = {val1: 'Test',val2: 'Test','array[]': [ '1', '1', '1', '1', '1', '1', '1', '1', '1', '1' ] };

console.log(obj.array);

Issue: the above console.log returns undefined. For many, it might be obvious, but I'm a newb and trying to figure out how to log the array[] (it works if the property is simply defined as {'array': ["1", "1", "1", "1", "1", "1", "1", "1", "1", "1"]}).

Expected output: ["1", "1", "1", "1", "1", "1", "1", "1", "1", "1"]

Answer 1

Like this:

console.log(obj['array[]']);

The property you are trying to access is called array[] , not array .

You'll have to use square bracket notation to access the property (ie obj['array[]'] and not obj.array[] ) because the property name is not a valid JavaScript identifier, ie a sequence of alphanumerical characters, also including the underscore ("_") and dollar sign ("$"), that cannot start with a number.

Ref: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors

Answer 2

the object property is named array[] , not array . Rename it to array and you will get the results you are expecting.

 var obj = {val1: 'Test',val2: 'Test','array': [ '1', '1', '1', '1', '1', '1', '1', '1', '1', '1' ] }; console.log(obj.array);