Array with values from another array

Question

How can I obtain something like this:

items = [{
  value: 'All',
  checked: false
}, {
  value: 'a',
  checked: false
}, {
  value: 'b',
  checked: false
}, {
  value: 'c',
  checked: false
}];

eg.: console.log(items[2].value)='b'

where 'a', 'b', 'c' .. come from an array arr = ['a', 'b', 'c', 'd', 'e', ...]

I tried with a for

for (var i = 0; i < arr.length; i++) {
    items=[
        {value: 'All', checked: false},
        {value: arr[i], checked: false}
    ]
}

but this is not working and I have no other idea. Is there another way to obtain this? Thank you for your time!

What does "not working" mean? You're adding the All property in each loop iteration. — isherwood
– isherwood, Commented Oct 25, 2018 at 14:48

Ori Drori · Accepted Answer · 2018-10-25 14:49:31Z

4

You can use Array.map():

const arr = ['all', 'a', 'b', 'c', 'd', 'e'];

const result = arr.map(value => ({ value, checked: false }));

console.log(result);

edited Oct 25, 2018 at 14:49

answered Oct 25, 2018 at 14:48

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

1 Comment

Matt Jameson Over a year ago

Very effective.

jsist · Accepted Answer · 2018-10-25 14:49:20Z

2

You can try following

var items = [{value: 'All', checked: false}];
for (var i = 0; i < arr.length; i++) {
    items.push({value: arr[i], checked: false})
}

answered Oct 25, 2018 at 14:49

jsist

5,2534 gold badges30 silver badges43 bronze badges

Comments

Orelsanpls · Accepted Answer · 2018-10-25 14:49:04Z

1

Is this something like this that you seek ?

const arr = [
  'a',
  'b',
  'c',
  'd',
];

const final = [{
    value: 'All',
    checked: false,
  },

  ...arr.map(x => ({
    value: x,
    checked: false,
  })),
];

console.log(final);

answered Oct 25, 2018 at 14:49

Orelsanpls

23.7k7 gold badges46 silver badges74 bronze badges

Collectives™ on Stack Overflow

Array with values from another array

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related