JS連想配列オブジェクトの値をすべて変更

Question

連想配列オブジェクトの値をすべて変更したいです。

以下いろいろなパターン（一次元連想配列）がある中で、

「objからresultを得たい」つまり
「xをtrueに、それ以外をすべてfalseにしたい」

のですが、モダンな書き方というか、forEachなど使わず一行でやるにはどうすべきでしょうか？

// パターン１
var obj =    { a:true,  b:false, x:false };
var result = { a:false, b:false, x:true};

// パターン２
var obj    = { c:false, d:false, x:false };
var result = { c:false, d:false, x:true};

// パターン３
var obj    = { a:true,   b:true,  e:true,  x:true};
var result = { a:false , b:false, e:false, x:true};

以下、なんとなく惜しい感じまでできたのですが、余計な配列が増えてしまうのです。

var result = Object.keys(obj).map( key => key === 'x' ? obj = { [key]: true } : obj = { [key]: false } );
console.log(result);

適切なメソッドを見つけることができません。宜しくお願い致します。

Answer 1

var objs = [
  { a:true,  b:false, x:false },
  { c:false, d:false, x:false },
  { a:true,   b:true,  e:true,  x:true},
  ];
objs.forEach(x=>{
  var obj=Object.fromEntries(Object.entries(x).map((x,y)=>[x[0],x[0]=="x"]));
  console.log(obj);
});

Comments

[kaminarikun]

ありがとうございます。求めていたコードでした。

質問すみませんが、mapの中はどうなっているのでしょうか？
[x[0],x[0]=="x"]
という部分が解読不能です。

[yambejp]

x[0]にキーが、x[1]に値が入っています
x[0]はそのままに、x[1]にはキーが"x"のときtrue、それ以外falseになる
条件式をいれていますので結果として命題に合致すると思います

[kaminarikun]

おおなるほど。ご返信ありがとうございます。助かりました。

Answer 2

Object.keysをforEachで回してkeyの値に応じてtrueかfalseを代入します

let result = Object.keys(obj).forEach(key => obj[key] = key==="x" ? true :false);

本当にtrueかfalseで良い場合に限り、key==="x"をそのまま代入しても大丈夫です。
(trueの時は1を、falseの時は2を、という風にやる場合は前述の三項演算子を使ってください。)

let result = Object.keys(obj).forEach(key => obj[key] = key==="x");

Comments

[kaminarikun]

やはりforEachを使うのが一番いいですか。ありがとうございます。見やすいです。

Answer 3

置き換えではないですが、これぐらいしか思いつかなかったです。普通にforで回した方が速くて綺麗だと思います。

obj = {...Object.fromEntries(Object.keys(obj).map(k => [k, false])), x: true};

質問を読み違えていました。以下は取り下げます。

---

ES2018からですがスプレッド構文を使うと簡単に書けます。

var result = {...obj, x: true};

ES2018未対応のIEや旧Edge(EdgeHTML版)では動作しません。IE等でも動作させる必要がある場合はBabelで変換してください。詳しい対応ブラウザは下記を参考にしてください。

https://kangax.github.io/compat-table/es2016plus/#test-object_rest/spread_properties

Comments

[kaminarikun]

ありがとうございます。

ちなみに調べて見つけた方法（https://teratail.com/questions/213301）ですが、こちらだといかがでしょうか？ループの方がいいですかね？

var result = Object.fromEntries( // オブジェクトに戻す
Object.entries(obj).map( ([k, v]) => k === 'x' ? [k, true] : [k, false] ) // 配列として得てから変更する
);
console.log(result);

[kaminarikun]

ご修正ありがとうございます。質問悪くてすみませんでした。

>普通にforで回した方が速くて綺麗だと思います。
やはり無理すると本末転倒ということですね。

ちょうどベストアンサーを決めたところでしたが、勉強になるコードをありがとうございました。

Answer 4

ぱっと思いつくのはObject.assign()ですかね。

// objに関わらず{a:false, b:false, x: true}で上書き
var result = Object.assign(obj, {a:false, b:false, x:true})

Comments

[kaminarikun]

質問悪くてすみませんでした。ありがとうございました。