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

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

TBA
– TBA

2021-10-25 05:56:45 +00:00
Commented Oct 25, 2021 at 5:56 — TBA
– TBA, Commented Oct 25, 2021 at 5:56
@TBA That's way different than this question

Samathingamajig
– Samathingamajig

2021-10-25 05:57:18 +00:00
Commented Oct 25, 2021 at 5:57 — Samathingamajig
– Samathingamajig, Commented Oct 25, 2021 at 5:57

Kerim Güney · Accepted Answer · 2021-10-25 05:55:05Z

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, 2021 at 5:55

Kerim Güney

1,2742 gold badges14 silver badges24 bronze badges

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

Comments

DecPK · Accepted Answer · 2021-10-25 05:54:47Z

2

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);

answered Oct 25, 2021 at 5:54

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

Comments

Samathingamajig · Accepted Answer · 2021-10-25 05:55:23Z

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, 2021 at 5:55

Samathingamajig

13.5k3 gold badges19 silver badges46 bronze badges

2 Comments

Samathingamajig Over a year ago

@FZs OP used identifiers in the creation of the colors array, not strings, so I did the same

FZs Over a year ago

I see now. I overlooked that thinking the OP meant strings, but forgot to add the quotes because of inexperience or lack of attention.

netlemon · Accepted Answer · 2021-10-25 05:54:47Z

0

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 );

answered Oct 25, 2021 at 5:54

netlemon

1,06312 silver badges22 bronze badges

Comments

msrumon · Accepted Answer · 2021-10-25 05:59:09Z

0

You can use reduce() method.

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

answered Oct 25, 2021 at 5:59

msrumon

1,4621 gold badge16 silver badges31 bronze badges

Comments

Moinul Robin · Accepted Answer · 2021-10-25 05:54:01Z

-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, 2021 at 5:54

Moinul Robin

361 silver badge10 bronze badges

2 Comments

Samathingamajig Over a year ago

This sets each value to an empty string, not true

Moinul Robin Over a year ago

@Samathingamajig I have just given an example of how you can use array Reduce, you can always configure the value the way you want.

Collectives™ on Stack Overflow

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

6 Answers 6

Comments

Comments

2 Comments

Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

2 Comments

Comments

Comments

2 Comments

Linked

Related