How to multiple the object state in array? [duplicate]

Question

Suppose I have an array:

const array = [
    {
        name: "Name 1",
        numbers: 3
    },
    {
        name: "Name 2",
        numbers: 2
    },
    {
        name: "Name 3",
        numbers: 3
    }
]

I want that every object with numbers value get multiplied by its state. Want this:

    // Expected Output
const array2 = [
    {
        name: "Name 1"
    },
    {
        name: "Name 1"
    },
    {
        name: "Name 1"
    },
    {
        name: "Name 2"
    },
    {
        name: "Name 2"
    },
    {
        name: "Name 3"
    },
    {
        name: "Name 3"
    },
    {
        name: "Name 3"
    }

]

Here every object is multiplied by its number value How can I do that?

Hint : you can loop through first array and create new array. — Devsi Odedra
– Devsi Odedra, Commented May 20, 2022 at 5:08
Why not? Loop to the value of numbers for each objects and add the same into the new array — Supritam
– Supritam, Commented May 20, 2022 at 5:12

Yosvel Quintero · Accepted Answer · 2022-05-20 05:31:04Z

2

You can do:

const array = [{name: "Name 1",numbers: 3},{name: "Name 2",numbers: 2},{name: "Name 3",numbers: 3}]

const result = array.map(({ name, numbers }) => 
  [...Array(numbers)].map(_ => ({ name }))).flat()

console.log(result)

edited May 20, 2022 at 5:31

answered May 20, 2022 at 5:18

Yosvel Quintero

19.1k5 gold badges39 silver badges47 bronze badges

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

Comments

apps · Accepted Answer · 2022-05-20 05:16:06Z

0

Loop array item first and get the numbers and loop the numbers inside.

let newArray = [];
      for(i=0; i<array.length; i++){
        //get item number
        var numberCount = array[i].numbers;
        for(j=0; j<numberCount.length; j++){
            newArray.push(array[i].name);
        }
      }

answered May 20, 2022 at 5:16

apps

3631 gold badge8 silver badges20 bronze badges

Comments

Archana Udaranga · Accepted Answer · 2022-05-20 05:18:10Z

0

const array = [
  {
    name: "Name 1",
    numbers: 3
  },
  {
    name: "Name 2",
    numbers: 2
  },
  {
    name: "Name 3",
    numbers: 3
  }
]

const array2 = array.reduce(
  (previousValue, currentValue) => {
    for (let i = 0; i < currentValue.numbers; i++) {
      previousValue.push({ name: currentValue.name });
    }
    return previousValue
  },
  []
)

console.log(array2)

answered May 20, 2022 at 5:18

Archana Udaranga

113 bronze badges

Comments

VMT · Accepted Answer · 2022-05-20 05:22:43Z

0

map() and for():

const array = [
    {
        name: "Name 1",
        numbers: 3
    },
    {
        name: "Name 2",
        numbers: 2
    },
    {
        name: "Name 3",
        numbers: 3
    }
]

const arr = array.map(el => {
  let elAr = []
  for(let i=0; i<el.numbers; i++){
    elAr = [...elAr, {name: el.name}]
  }
  return elAr
})
const result = arr.flat()
console.log(result)

answered May 20, 2022 at 5:22

VMT

8091 gold badge5 silver badges11 bronze badges

Comments

Rickard Elimää · Accepted Answer · 2022-05-20 07:20:19Z

0

for (length of array) and while (something is not 0)

const array = [
    {
        name: "Name 1",
        numbers: 3
    },
    {
        name: "Name 2",
        numbers: 2
    },
    {
        name: "Name 3",
        numbers: 3
    }
]

function splitArray(arr) {
  let newArr = [], number = -1;
  
  for (let item of arr) {
    number = item.numbers;

    while (number--) {
      newArr.push(item.name);
    }
  }
  
  return newArr
}

console.log( splitArray(array) );

edited May 20, 2022 at 7:20

answered May 20, 2022 at 5:16

Rickard Elimää

7,6763 gold badges18 silver badges36 bronze badges

Comments

JuneC · Accepted Answer · 2022-05-20 09:59:57Z

0

By using Js es6 .reduce() ~ MDN web docs

I think the readability is better than just .map().

const array = [{ name: "Name 1", numbers: 3 }, { name: "Name 2", numbers: 2 }, { name: "Name 3", numbers: 3 }]

const result = array.reduce((acc, { numbers, name }) => {
    [...Array(numbers)].forEach(o => acc.push({ name }))
    return acc
}, [])

console.log(result)

edited May 20, 2022 at 9:59

answered May 20, 2022 at 5:21

JuneC

697 bronze badges

Collectives™ on Stack Overflow

How to multiple the object state in array? [duplicate]

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Linked

Related