JavaScript Array Syntax

Question

var selectColumns = new Array();
selectColumns[0] = { TableName: "DeploymentRosterView", ColumnName: "ArrivedOn" };
selectColumns[1] = { TableName: "DeploymentRosterView", ColumnName: "DepartedOn" };
selectColumns[2] = { TableName: "DeploymentRosterView", ColumnName: "RoleType" };
selectColumns[3] = { TableName: "DeploymentRosterView", ColumnName: "AdjusterFirstName" };
selectColumns[4] = { TableName: "DeploymentRosterView", ColumnName: "AdjusterLastName" };

The above works to create my array in JavaScript, but is there a more graceful way to write the above? Like an Object Initializer? Just wondering

Adam Rackis · Accepted Answer · 2011-11-30 15:11:40Z

10

You can create it inline:

var selectColumns = [
    { TableName: "DeploymentRosterView", ColumnName: "ArrivedOn" },
    { TableName: "DeploymentRosterView", ColumnName: "DepartedOn" },
    { TableName: "DeploymentRosterView", ColumnName: "RoleType" },
    { TableName: "DeploymentRosterView", ColumnName: "AdjusterFirstName" },
    { TableName: "DeploymentRosterView", ColumnName: "AdjusterLastName" }];

answered Nov 30, 2011 at 15:11

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

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

Comments

Gary Green · Accepted Answer · 2011-11-30 15:18:40Z

1

You could restructure it like so:

var selectColumns = {

  "DeploymentRosterView": {
    "ColumnNames": ["DepartedOn", "RoleType", "AdjusterFirstName", "AdjusterLastName"]
  }
};

// Loop through all views
for (view in selectColumns)
{
  var v = selectColumns[view].ColumnNames;
  alert('Column names for "' + view + '" is: ' + v.join(', '));
}

answered Nov 30, 2011 at 15:18

Gary Green

22.4k6 gold badges52 silver badges76 bronze badges

Comments

balkon_smoke · Accepted Answer · 2011-11-30 16:45:52Z

1

You could create an array like:

var selectColumns = [
    { TableName: "DeploymentRosterView", ColumnName: "ArrivedOn" },
    { TableName: "DeploymentRosterView", ColumnName: "DepartedOn" },
    { TableName: "DeploymentRosterView", ColumnName: "RoleType" },
    { TableName: "DeploymentRosterView", ColumnName: "AdjusterFirstName" },
    { TableName: "DeploymentRosterView", ColumnName: "AdjusterLastName" }
];

edited Nov 30, 2011 at 16:45

answered Nov 30, 2011 at 15:12

balkon_smoke

1,2172 gold badges11 silver badges25 bronze badges

8 Comments

Chris Baker Over a year ago

Please note - this is not JSON. That is an array literal with object literals. JSON has very specific syntax, which this is not. See ietf.org/rfc/rfc4627.txt?number=4627

hugomg Over a year ago

rule of thumb - if it is a string its JSON if it is a JS object then its just a JS object

Adam Rackis Over a year ago

@missingno - I've always kinda understood that there are no "json objects", but your comment really solidified it for me...thank you, and +1 on your last answer :)

balkon_smoke Over a year ago

@Chris you know, the syntax is the same, instead of var selectColumns = and quotes for keys.

Chris Baker Over a year ago

Two downvotes is not a "terrible reaction". The answer is technically incorrect, that's what the downvote mechanism is for. You were given a reason for the downvotes, and you could have taken that chance to correct the inaccuracy (I would have removed my down vote had you done so), instead you're defending the inaccuracy with a shrug and a "it's close enough" (which is a further inaccuracy)? Too bad.

|

hugomg · Accepted Answer · 2011-11-30 15:21:47Z

0

You can also use some tricks to avoid retyping some things in this particular case

var columnNames = ["ArrivedOn", "DepartedOn", "RoleType", "AdjusterFirstName", "AdjusterLastName" ];

var selectColumns = columnNames.map(function(colName){
    return { TableName: "DeploymentRosterView", ColumnName: colname };
});

Do note that map is not available by default on old browsers (but variations of it are very popular in libraries and shims)

answered Nov 30, 2011 at 15:21

hugomg

70.4k30 gold badges168 silver badges257 bronze badges

Collectives™ on Stack Overflow

JavaScript Array Syntax

4 Answers 4

Comments

Comments

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related