To input data like table in javascript

Question

I need meta data of fields. like this code.

var fields =  [
  { code: 'name',     display: 'Name',             isActive: true },
  { code: 'tel',      display: 'Telephone Number', isActive: true },
  { code: 'mobile',   display: 'Mobile',           isActive: true },
  { code: 'email',    display: 'Email address',    isActive: true },
  { code: 'nickname', display: 'Nickname',         isActive: true },
];

There are many fields so I'm tired. How to write without property name? I want to a flow like next code.

var fieldsString = "
code        | display            | isActive
'name'      | 'Name'             | true
'tel'       | 'Telephone Number' | true
'mobile'    | 'Mobile'           | true
'email'     | 'Email address'    | true
'nickname'  | 'Nickname'         | true
'tel'       | 'Mobile'           | true
";

var tableData = new TableData(fieldsString);
var fields = tableData.getData();

Who knows a format for table data like above code?

In your second example all you need to do is split the string at |, set up a for loop that increments by 3, build the necessary inputs. — user2417483
– user2417483, Commented Jul 9, 2015 at 2:30

Dean Brown · Accepted Answer · 2015-07-09 02:43:34Z

1

A two dimensional array would do the trick

var keysArray = ['code','display','isActive'];
var fieldArray = [
  ['name'    , 'Name'            , true ],
  ['tel'     , 'Telephone Number', true ],
  ['mobile'  , 'Mobile'          , true ],
  ['email'   , 'Email address'   , true ],
  ['nickname', 'Nickname'        , true ],
  ['tel'     , 'Mobile'          , true ]
];

then simply use the map function of arrays to convert to the object based representation Array.prototype.map

var fields=fieldArray.map(function (current) {
  var tempobj = {};
  for(var i=0, len=keyArray.length; i<len; i++){
    tempobj[keyArray[i]] = current[i];
  }
  return tempobj;
}

You could make this even more concise by replacing the tempobj and the for loop with a call to reduce Array.protoype.reduce

answered Jul 9, 2015 at 2:43

Dean Brown

1564 bronze badges

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

1 Comment

Jihun Lee Over a year ago

Good idea! Thank you!

Collectives™ on Stack Overflow

To input data like table in javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related