Javascript object literal name rule

Question

I would like to use dot notation in an object literal name but IE returns an error: "Expected ':'" at line 16 after the partial 'my' statement (3rd from the bottom). There has to be a way to do something like this. Why is this returning an error?

<script language="javascript">
var my = {};
my.dataGridColumns = [];
var tmpArr = [];    
var columnData = [];

columnData.push("a");

my.dataGridColumns.push({
    id: 1,
    name: test
});

tmpArr.push({
    my.dataGridColumns[0].name: columnData[0]
});
</script>

Please note where line 16 is.

calebds
– calebds

2012-01-31 23:44:50 +00:00
Commented Jan 31, 2012 at 23:44 — calebds
– calebds, Commented Jan 31, 2012 at 23:44
IE9, also happening in Chrome 16.0.912.77.

jspring
– jspring

2012-02-01 15:00:08 +00:00
Commented Feb 1, 2012 at 15:00 — jspring
– jspring, Commented Feb 1, 2012 at 15:00

Andrew Whitaker · Accepted Answer · 2012-01-31 23:45:16Z

3

In JavaScript, you can treat an object like an associative array using []. You can take advantage of this to access property names dynamically.

How about:

var obj = { };
obj[my.dataGridColumns[0].name] = columnData[0];

tmpArr.push(obj);

answered Jan 31, 2012 at 23:45

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript object literal name rule

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related