Javascript - オブジェクトに還元

Question

クロムコンソールで以下のコードを実行します - Googleページ用です。

[].slice.call(document.querySelectorAll("input")) 
         .map(el => el.name?el.name:el.id) 

この出力が表示されます。

私はオブジェクトにこのリストを削減したかったです。

  .reduce((acc,el) => acc[el] = el.toUpperCase(), {}); 

私は以下のようなもの...

  { 
       "sclient":"SCLIENT", 
       "site":"SITE", 
       ... 
      } 

を期待しかし、それは唯一の最後の要素を返します。

は、この軽減機能の何が問題になっているのですか？

Answer 1

acc[el] = el.toUpperCase()を返すと、el.toUpperCase()の値が返されます。つまり、繰り返しごとに新しい文字列を返します。アキュムレータを返却する必要があります。

.reduce((acc,el) => { 
    acc[el] = el.toUpperCase(); 
    return acc; 
}, {}); 

問題がある場合はお知らせください。

Answer 2

1ライナーの大ファンであり、ブラウザのサポートが不安な場合は、Object.assign（ES6）を使用できます。

.reduce((acc,el) => Object.assign(acc, {[el]: el.toUpperCase()}), {}); 

Object.assign最初の引数としてオブジェクトを受け取り、そして非常に同じオブジェクト（厳密な等価）を返します。

オブジェクトキーには[el] - computed property（ES6）に注意してください。