How to write nested loop in ES6? [duplicate]

Question

How can I rewrite this nested loop in ES6 and have it in one line ?

const fruits = [ { id: 1, name: "orange"},{ id: 3, name: "apple"},{ id: 4, name: "grape"}]
const selectedFruits = [ "2", "3" ]
  
let fruitsArr= [];

fruits.forEach(fruit => {
  selectedFruits.forEach(selected => {
    if (selected == fruit.id) {
      fruitsArr.push(fruit.name)
    }
  })
})

console.log(fruitsArr)

That is ES6, and putting it on one line would just make it harder to read. — Quentin
– Quentin, Commented Jan 30, 2020 at 9:20
Just a logic problem. let fruitsArr = fruits.filter(f => selectedFruits.indexOf(f.id + "") > 0).map(f => f.name); — hoangdv
– hoangdv, Commented Jan 30, 2020 at 9:22

Nina Scholz · Accepted Answer · 2020-01-30 09:24:00Z

0

You could filter the array and check with includes by changing selectedFruits to an array of number.

const
    fruits = [{ id: 1, name: "orange" }, { id: 3, name: "apple" }, { id: 4, name: "grape" }],
    selectedFruits = [2, 3],
    fruitsArr = fruits.filter(({ id }) => selectedFruits.includes(id));

console.log(fruitsArr);

answered Jan 30, 2020 at 9:24

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Ziv Ben-Or · Accepted Answer · 2020-01-30 09:26:36Z

0

With reduce:

const fruits = [ { id: 1, name: "orange"},{ id: 3, name: "apple"},{ id: 4, name: "grape"}]
const selectedFruits = [ "2", "3" ]
const fruitsArr = fruits.reduce((p, c) => (selectedFruits.includes(String(c.id)) && p.push(c), p), [])
console.log(fruitsArr)

answered Jan 30, 2020 at 9:26

Ziv Ben-Or

1,1946 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to write nested loop in ES6? [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related