How to add the key with value for each object inside an array of objects?

Question

I have this array of objects and I want to add the value of the object below in the same order as it is inside the items array, Any suggestion?

const items = [{
    tshirt: "Model TS",
    jeans: "ModelXW",
  },
  {
    sneakers: "indcdsc54",
    furniture: "Table31S"
  },
  {
    dress: "indc54",
    short: "shortS2"
  },
];

either an object or an array, which one should be easier?

const obj = [
  "localhost:8080.com",
  "localhost:3000.com",
  "localhost:7000.com",
]

Expected output:

const items = [{
    tshirt: "Model TS",
    jeans: "ModelXW",
    website: "localhost:8080.com",
  },
  {
    sneakers: "indcdsc54",
    furniture: "Table31S",
    website: "localhost:3000.com",
  },
  {
    dress: "indc54",
    short: "shortS2",
    website: "localhost:7000.com",
  },
];

I have tried this way with no success, any suggestion?

const items = [{
    tshirt: "Model TS",
    jeans: "ModelXW"
  },
  {
    sneakers: "indcdsc54",
    furniture: "Table31S"
  },
  {
    dress: "indc54",
    short: "shortS2"
  }
];

const obj = [
  "localhost:8080.com",
  "localhost:3000.com",
  "localhost:7000.com",
]

let newArray = obj.map(uri => items.map(i => i["website"] = uri ))

console.log(newArray)

I would assume obj should be an array as it currently throws a syntax error. Plus objects do not have a .map method — evolutionxbox
– evolutionxbox, Commented Feb 26, 2021 at 15:29

mplungjan · Accepted Answer · 2021-02-26 15:34:48Z

3

Like this, assuming the uris are in an array

const items = [{
    tshirt: "Model TS",
    jeans: "ModelXW"
  },
  {
    sneakers: "indcdsc54",
    furniture: "Table31S"
  },
  {
    dress: "indc54",
    short: "shortS2"
  }
];

const uris = [
  "localhost:8080.com",
  "localhost:3000.com",
  "localhost:7000.com",
]

let newArray = items.map((item,i) => (item.website = uris[i], item)); 
// OR          items.map((item,i) => ({website : uris[i], ...item}));
console.log(newArray)

answered Feb 26, 2021 at 15:34

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

4 Comments

mplungjan Over a year ago

I have two versions. Did you see them both? Interesting ways, comma operator or object spread

Pep Over a year ago

Yeah, For the first option what does the item mean " uris[i] , item" in this case?

mplungjan Over a year ago

I set the website and return what’s after the comma

Pep Over a year ago

Gotcha like saying pass the rest of the values of the object. thanks! :)

ar2r · Accepted Answer · 2021-02-26 15:40:17Z

1

The way I see it your obj constant should be an array since you don't have any keys in there and assuming that your items are in the same order this should be enough.

const newArray = items.map((item,index) => {
  item.website = obj[index];
  return item
})

edited Feb 26, 2021 at 15:40

answered Feb 26, 2021 at 15:32

ar2r

1583 silver badges10 bronze badges

Comments

mplungjan · Accepted Answer · 2021-02-26 17:37:40Z

1

Make obj an array

const obj = [
  "localhost:8080.com",
  "localhost:3000.com",
  "localhost:7000.com",
]
const items = [{
    tshirt: "Model TS",
    jeans: "ModelXW",
  },
  {
    sneakers: "indcdsc54",
    furniture: "Table31S"
  },
  {
    dress: "indc54",
    short: "shortS2"
  },
];


obj.forEach((item, index) => {
  if (index < items.length) items[index].website = item;
})

console.log(items)

edited Feb 26, 2021 at 17:37

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Feb 26, 2021 at 15:35

Abdul Haseeb

3721 silver badge6 bronze badges

Collectives™ on Stack Overflow

How to add the key with value for each object inside an array of objects?

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related