How to convert array to an object with key/value pairs Javascript

Question

I'm trying to have a configurable checkbox and want to have my array's values to be the keys for the object.

Given:

let colors = [red, blue, black, yellow, orange]

How do I make it so that it becomes:

colorChecklist = {
    red: true,
    blue: true,
    black: true,
    yellow: true,
    orange: true
}

Does this answer your question? [Convert Array to Object](https://stackoverflow.com/questions/4215737/convert-array-to-object) — TBA, Oct 25 '21 at 05:56

score 3 · Answer 1 · answered Oct 25 '21 at 05:55

3

const obj = {};
colors.forEach(c => obj[c] = true)

I know everybody likes reduce but it's unnecessarily complicated and well, see this and this

answered Oct 25 '21 at 05:55

Kerim Güney

1,059
1
10
23

score 2 · Accepted Answer · answered Oct 25 '21 at 05:54

You can use reduce here .

One-liner

const colorChecklist = colors.reduce((acc, curr) => (acc[curr] = true, acc), {});

let colors = ["red", "blue", "black", "yellow", "orange"];

const colorChecklist = colors.reduce((acc, curr) => {
  acc[curr] = true;
  return acc;
}, {});

console.log(colorChecklist);

score 2 · Answer 3 · answered Oct 25 '21 at 05:55

2

Just use Array.prototype.reduce

const [red, blue, black, yellow, orange] = ["red", "blue", "black", "yellow", "orange"]

let colors = [red, blue, black, yellow, orange];

let colorChecklist = colors.reduce((acc, key) => (acc[key] = true, acc), {});

console.log(colorChecklist);

answered Oct 25 '21 at 05:55

Samathingamajig

11,839
3
12
34

@FZs OP used identifiers in the creation of the `colors` array, not strings, so I did the same – Samathingamajig Oct 25 '21 at 05:59
I see now. I overlooked that thinking the OP meant strings, but forgot to add the quotes because of inexperience or lack of attention. – FZs Oct 25 '21 at 06:46

score 0 · Answer 4 · answered Oct 25 '21 at 05:54

You can try to do a mass assignment (using an object method) to all of the properties since they are all boolean in type.

let colors = [true, true, true] // red, blue, green

var colorChecklist = {
    setValue: function( props, flag ) {
        while ( props.length ) this[ props.pop() ] = flag;
    }
}

colorChecklist.setValue( [...colors] , true );

score 0 · Answer 5 · answered Oct 25 '21 at 05:59

0

You can use reduce() method.

const colorChecklist = colors.reduce((prev, curr) => ({ ...prev, [curr]: true }), {});
console.log(colorChecklist);

answered Oct 25 '21 at 05:59

msrumon

1,250
1
10
27

score -1 · Answer 6 · answered Oct 25 '21 at 05:54

-1

try with Array#Reduce

const arr = ['a','b','c'];
const res = arr.reduce((acc,curr)=> (acc[curr]='',acc),{});
console.log(res)

answered Oct 25 '21 at 05:54

Moinul Robin

36
1
10

1

This sets each value to an empty string, not `true` – Samathingamajig Oct 25 '21 at 05:56
@Samathingamajig I have just given an example of how you can use array Reduce, you can always configure the value the way you want. – Moinul Robin Oct 25 '21 at 05:59

How to convert array to an object with key/value pairs Javascript

6 Answers6