Add JavaScript object to an existing JavaScript object in for loop

Question

I am trying to append a JavaScript object to an existing JavaScript object in the loop.

var object1 = { key1: true, header: 'Title A', Size: 100 };
$.each(elements, function (i, item) {
  let headerDisplay = '';
  headerDisplay = this.title;
  var row = { key1: true, header: '' + headerDisplay + '', Size: 100 };
  Object.assign(object1, row);
});

I have tried with Object.assign(), but it is giving only the last object. Expecting output array similar to

var finalObject = [
  { key1: true, header: 'Title A', Size: 100 },
  { key1: true, header: 'Title1', Size: 100 },
  { key1: true, header: 'Title2', Size: 100 },
  ...
];

Please let me know how can we add objects to an existing one in loop

The syntax of your expected output is invalid...

CertainPerformance
– CertainPerformance

2020-10-10 04:39:32 +00:00
Commented Oct 10, 2020 at 4:39 — CertainPerformance
– CertainPerformance, Commented Oct 10, 2020 at 4:39

Brad · Accepted Answer · 2020-10-10 06:17:33Z

1

since you are already using jQuery why not try the $.extend() functionality? it should look something like this:

 var object1 = { "key1": true, "header": "Title A", "Size": 100};
$.each(elements, function (i, item) {
    let headerDisplay = '';
    headerDisplay =  this.title;
    var row = { "key1": true, "header": ""+headerDisplay+"", "Size": 100};
    $.extend(object1, row)
  });

keep in mind that this method will modify the first object1. If that is not the intended behavior you could pass an empty object as the first argument of the function and pass the result to another variable like this:

const newObject = $.extend({}, object1, row)

Not sure what you are trying to do but perhaps there are better alternatives to that. Trying to keep a collection of your objects in an array may be another feasible solution. Good luck!!

edited Oct 10, 2020 at 6:17

Brad

164k57 gold badges380 silver badges559 bronze badges

answered Oct 10, 2020 at 5:00

Veilhelm Alexander

412 bronze badges

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

1 Comment

AMDI Over a year ago

Even this and Object.assign looks like same

Mehrzad Tejareh · Accepted Answer · 2020-10-10 04:50:35Z

0

please try it...:

 var object1 = { "key1": true, "header": "Title A", "Size": 100};
 var res = [object1];
$.each(elements, function (i, item) {
    let headerDisplay = '';
    headerDisplay =  this.title;
    var row = { "key1": true, "header": ""+headerDisplay+"", "Size": 100};
    res.push(row);
  });

now you have res as finalObj.

edited Oct 10, 2020 at 4:50

answered Oct 10, 2020 at 4:44

Mehrzad Tejareh

6335 silver badges21 bronze badges

3 Comments

AMDI Over a year ago

,- I want all the JavaScript objects as one row in array with comma separated. With the code suggested it will add multiple rows. Please let me know how can we add objects as comma separated

Mehrzad Tejareh Over a year ago

if you wants do it without array you must set a keyName for each object that you wants to add finalObj same as follow:{ "a": { "aa": "1" }, "b": { "bb": "1" } }

Mehrzad Tejareh Over a year ago

you can validate your syntax of JSON object in [jsonlint.com/]

Collectives™ on Stack Overflow

Add JavaScript object to an existing JavaScript object in for loop

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest