How to convert array element into object with conditionally true and one string value in javaScript

Question

What is a more compact way to convert color=["red", "green", "blue", "Other"] into colorObjFinal = { blue: true, green: true, Other: "Other", red: true }?

This is my long function, I would like to shorten it:

let color = ["red", "green", "blue", "Other"];
let colorObj;
let colorObjFinal = {};
console.log("color:", color);

colorObj = color.reduce((a, v) => ({
...a,
[v]: v
}), {});
console.log("colorObj:", colorObj)

for (var key in colorObj) {
    if (colorObj.hasOwnProperty(key)) {
        if(key == 'Other'){
        colorObjFinal[key] = colorObj[key];
      } else {
        colorObjFinal[key] = true;
      }
    }
}

console.log("colorObjFinal:", colorObjFinal)

Jamiec · Accepted Answer · 2021-09-30 14:56:45Z

2

You could just do it all in 1 go:

let color = ["red", "green", "blue", "Other"];

let result = color.reduce ((a,v) => ({
  ...a,
  [v] : v == "Other" ? v : true
}),{});

console.log(result);

answered Sep 30, 2021 at 14:56

Jamiec

136k15 gold badges143 silver badges202 bronze badges

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

Comments

Tuan Dao · Accepted Answer · 2021-09-30 15:00:21Z

2

You can change your first Array.reduce to get the result.

let color = ["red", "green", "blue", "Other"];

const result = color.reduce((acc, item) => {
   acc[item] = (item != "Other") ? true : item;
   return acc;
}, {});

console.log(result);

answered Sep 30, 2021 at 15:00

Tuan Dao

2,8151 gold badge14 silver badges21 bronze badges

Comments

Mister Jojo · Accepted Answer · 2021-09-30 15:12:22Z

1

that ? (is arguably the most compact writing here)

let color = ["red", "green", "blue", "Other"];

const res = color.reduce((a,c)=>(a[c]=c=='Other'?c:true,a),{});

console.log(res);

edited Sep 30, 2021 at 15:12

answered Sep 30, 2021 at 15:04

Mister Jojo

23k6 gold badges28 silver badges45 bronze badges

Comments

Shravya · Accepted Answer · 2021-09-30 15:21:17Z

0

You can make use of Array.reduce function here:

const color=["red", "green", "blue", "Other"];
const transformedObj = color.reduce((a,b)=> ({...a, [b]: b !=="Other"? true: "Other"}),{});
console.log(transformedObj )

answered Sep 30, 2021 at 15:21

Shravya

1942 bronze badges

Collectives™ on Stack Overflow

How to convert array element into object with conditionally true and one string value in javaScript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related