如何將各自 Key / Value Array 合併成單一 Object ?

栏目: JavaScript · 发布时间: 7年前

内容简介:實務上 Object 的 Key 與 Value 可能來自各自的 Array,但 Function 要求傳入的是 Object,因此必須將兩個 Array 整合成單一 Object。ECMAScript 5分別有

實務上 Object 的 Key 與 Value 可能來自各自的 Array,但 Function 要求傳入的是 Object,因此必須將兩個 Array 整合成單一 Object。

Version

ECMAScript 5

Imperative

const keys = [
  'Sam',
  'Kevin',
  'John'
];

const values = [
  1,
  2,
  3
];

const obj = {};

for(let index = 0; index < keys.length; index++)
  obj[keys[index]] = values[index];

console.log(obj);

分別有 keysvalues 兩個 array,Imperative 寫法就是很直覺地使用 for loop 建立 object。

如何將各自 Key / Value Array 合併成單一 Object ?

Functional

const keys = [
  'Sam',
  'Kevin',
  'John'
];

const values = [
  1,
  2,
  3
];

const reducer = (obj, value, index) => ({...obj, [keys[index]]: value});
const obj = values.reduce(reducer, {});

console.log(obj);

相同的需求,若使用 Functional 寫法,就會使用 Array.prototype.reduce()

reduce() 其實有較少使用的第三個 argument: currentIndex ,傳入目前 item 的 index。

...obj 為 ECMAScript 2015 的 Object Spread,將展開目前的 object。

[keys[index]]: value

乍看很 tricky,原本 [variable]: value 為新增 object 的一對 key / value,將 variable 以 keys[index] 取代而已。

如何將各自 Key / Value Array 合併成單一 Object ?

Conclusion

  • 若要將 array 轉成 object,則 reduce() 為標準思考方式

Reference

MDN , Array.prototype.reduce()


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

数学建模

数学建模

[美] Frank R.Giordano,Maurice D.Weir,William P.Fox / 机械工业出版社 / 2004-1 / 45.00元

数学建模是用数学方法解决各种实际问题的桥梁。本书分离散建模(第1~9章)和连续建模(第10~13章)两部分介绍了整个建模过程的原理,通过本书的学习,学生将**会在创造性模型和经验模型的构建、模型分析以及模型研究方面进行实践,增强解决问题的能力。 ·论证了离散动力系统,离散优化等技术对现代应用数学的发展的促进作用。 ·在创造性模型和经验模型的构建、模型分析以及模型研究中融入个人项目和小组......一起来看看 《数学建模》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具