Question

I understand that this probably isn’t something I should be making a habit of. But I was trying to concat a variable to a string that’s stored in as a Javascript array property.

For instance I have:

var form = {
    'var1' : 'has a value here',
    'array' : [
        [ 'some text', 'some more text' ],
        [ 'second line of text', 'second entry ' + form.var1]
    ]
};
alert( form.array[1][1] );

That results in an alert displaying ‘undefined’.

If I instead do this:

var var1 = 'has a value here';
var form = {
    'array' : [
        [ 'some text', 'some more text' ],
        [ 'second line of text', 'second entry ' + var1 ]
    ]
};
alert( form.array[1][1] );

The string is defined and displays properly.

Is there a way I can store that value under the ‘form’ object and still get the result I want? I’m presuming ‘no’. But I figured I’d ask. (This is a difficult question to google. :P)

Answer 1

You could declare it in two parts:

var form = {
    'var1' : 'has a value here'
};

form['array'] = [
    [ 'some text', 'some more text' ],
    [ 'second line of text', 'second entry ' + form.var1]
];

alert( form.array[1][1] );