如何將 Array 轉成 Object ?
栏目: JavaScript · 发布时间: 6年前
内容简介:實務上 Function 的 parameter 大都使用 Object,但資料可能是 Array,此時我們就必須將 Array 轉成 Object,但 ECMAScript 並沒有內建這樣的功能,必須自行實作。ECMAScript 5直接使用
實務上 Function 的 parameter 大都使用 Object,但資料可能是 Array,此時我們就必須將 Array 轉成 Object,但 ECMAScript 並沒有內建這樣的功能,必須自行實作。
Version
ECMAScript 5
Imperative
const arr = [ {key: 'Sam', value: 11}, {key: 'Kevin', value: 22}, {key: 'John', value: 33}, ]; const obj = {}; for(let index = 0; index < arr.length; index++) obj[arr[index].key] = arr[index].value; console.log(obj);
直接使用 for loop
,其中 ECMAScript 可用 obj[variable] = value
方式新增 key / value。
Functional
const arr = [ {key: 'Sam', value: 11}, {key: 'Kevin', value: 22}, {key: 'John', value: 33}, ]; const reducer = (obj, item) => ({...obj, [item.key]: item.value}); const obj = arr.reduce(reducer, {}); console.log(obj);
相同的需求,若使用 Functional 寫法,就會使用 Array.prototype.reduce()
。
...obj
為 ECMAScript 2015 的 Object Spread,將展開目前的 object。
[item.key]: item.value
乍看很 tricky,原本 [variable]: value
為新增 object 的一對 key / value,將 variable 以 item.key
取代而已。
Conclusion
- 若要將 array 轉 object,最標準方式就是使用
reduce()
Reference
Chris Burgin , Rewriting JavaScript: Converting an Array of Objects to an Object
以上所述就是小编给大家介绍的《如何將 Array 轉成 Object ?》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- 如何將 Array 轉成 Object ?
- 如何將 Array 轉成 Object ?
- ECMAScript 之如何將 Object 轉成 Array ?
- 如何將不規則 Object 轉成 Array ?
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
算法设计与分析基础
Anany levitin / 潘彦 / 清华大学出版社 / 2007-1-1 / 49.00元
作者基于丰富的教学经验,开发了一套对算法进行分类的新方法。这套方法站在通用问题求解策略的高度,能对现有的大多数算法都能进行准确分类,从而使本书的读者能够沿着一条清晰的、一致的、连贯的思路来探索算法设计与分析这一迷人领域。本书作为第2版,相对第1版增加了新的习题,还增加了“迭代改进”一章,使得原来的分类方法更加完善。 本书十分适合作为算法设计和分析的基础教材,也适合任何有兴趣探究算法奥秘的读者......一起来看看 《算法设计与分析基础》 这本书的介绍吧!