Add an Object in an array of Objects Javascript

Question

I need to add an object identified by a key in an array that specifies the id in the course property.

The Array

[{
  "course": 1035, <- The id to find in the objects
  "start_time": "2018-01-04T20:55:00Z",
  "end_time": "2018-01-04T22:00:00Z",
  "details": { <- it has to be created
    <- here the corresponding object according to the id, 
        in this case 1035
  }
 }, {
  "course": 1106,
  "start_time": "2018-01-04T21:00:00Z",
  "end_time": "2018-01-04T22:00:00Z",
}]

The Objects

{
  "1035": {
    "id": 1035,
    "title": "Some Title1",
    "slug": "live-show",
    "free": true,
    "order": 0,
    "color": "#CB13A1"
  },
  "1106": {
    "id": 1106,
    "title": "Some Title2",
    "slug": "live-show",
    "free": true,
    "order": 0,
    "color": "#CB13A1"
  }
}

The expected result

[{
  "course": 1035,
  "start_time": "2018-01-04T20:55:00Z",
  "end_time": "2018-01-04T22:00:00Z",
  "details": {
    "id": 1035,
    "title": "Some Title1",
    "slug": "live-show",
    "free": true,
    "order": 0,
    "color": "#CB13A1"
  }
 }, {
  "course": 1106,
  "start_time": "2018-01-04T21:00:00Z",
  "end_time": "2018-01-04T22:00:00Z",
  "details": {
    "id": 1106,
    "title": "Some Title2",
    "slug": "live-show",
    "free": true,
    "order": 0,
    "color": "#CB13A1"
  }
}]

see if one the answers solve your problem

Michele Dibenedetto
– Michele Dibenedetto

2018-01-03 18:43:11 +00:00
Commented Jan 3, 2018 at 18:43 — Michele Dibenedetto
– Michele Dibenedetto, Commented Jan 3, 2018 at 18:43

Nayeem Zen · Accepted Answer · 2018-01-03 18:56:02Z

2

One-liner without mutating your objects/arrays (which is generally a bad idea).

target.map(item => Object.assign({}, item, { details: source[item.course]}));

where target = The Array and source = The Objects

answered Jan 3, 2018 at 18:56

Nayeem Zen

2,8071 gold badge19 silver badges16 bronze badges

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

Comments

Michele Dibenedetto · Accepted Answer · 2018-01-03 18:38:08Z

var arr =[{
  "course": 1035, 
  "start_time": "2018-01-04T20:55:00Z",
  "end_time": "2018-01-04T22:00:00Z",
  "details": {
  }
 }, {
  "course": 1106,
  "start_time": "2018-01-04T21:00:00Z",
  "end_time": "2018-01-04T22:00:00Z",
}];

var obj = {
  "1035": {
    "id": 1035,
    "title": "Some Title1",
    "slug": "live-show",
    "free": true,
    "order": 0,
    "color": "#CB13A1"
  },
  "1106": {
    "id": 1106,
    "title": "Some Title2",
    "slug": "live-show",
    "free": true,
    "order": 0,
    "color": "#CB13A1"
  }
};

arr.forEach(item=>{ 
       item.details = obj[item.course];
  });
console.log(arr);

/*RESULT:
[
  {
    "course": 1035,
    "start_time": "2018-01-04T20:55:00Z",
    "end_time": "2018-01-04T22:00:00Z",
    "details": {
      "id": 1035,
      "title": "Some Title1",
      "slug": "live-show",
      "free": true,
      "order": 0,
      "color": "#CB13A1"
    }
  },
  {
    "course": 1106,
    "start_time": "2018-01-04T21:00:00Z",
    "end_time": "2018-01-04T22:00:00Z",
    "details": {
      "id": 1106,
      "title": "Some Title2",
      "slug": "live-show",
      "free": true,
      "order": 0,
      "color": "#CB13A1"
    }
  }
]
*/

Sergii Rudenko · Accepted Answer · 2018-01-03 18:26:53Z

0

You can do it like this:

Object.keys(object).map(key => {
  const obj = object[key]
  // here, you can add all missed keys to your object
  return obj
})

answered Jan 3, 2018 at 18:26

Sergii Rudenko

2,6841 gold badge24 silver badges25 bronze badges

Collectives™ on Stack Overflow

Add an Object in an array of Objects Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related