通常,map方法返回一个数组,但我有很多用例,我想改为创建一个对象。是否有 JavaScript 本机方式来执行此操作或非常简单且高性能的实现?也欢迎使用 jQuery 解决方案。
这是原生 Array 映射方法的工作方式(EcmaScript 6):
console.log( [ 1, 2, 4 ].map( item => item * 10) );
// => [ 10, 20, 40 ]
这就是我想象的工作方法(如果它是 JavaScript 原生的):
console.log( [ 1, 2, 4 ].mapToObject(resolveMultiplyWithTen) );
// => { 1: 10, 2: 20, 4: 40 }
在此示例中,方法mapToObject 的行为应与map相同,但返回的是 Object 而不是 Array。回调resolveMultiplyWithTen会将项目乘以 10。
我在这里看到的一个问题是回调函数不能返回两个值(键和值,例如:1 和 20),这是有效创建对象所必需的。
这就是我总是用来从数组创建对象的方式:
/* Loop over Array and create key:value pairs in Object */
const arr = [ 1, 2, 4];
const obj = {};
for ( let i = 0; i < arr.length; i++ )
obj[arr[i]] = arr[i] * 10;
console.log(obj);
// => { 1: 10, 2: 20, 4: 40 }
这是我能想到的最合适的解决方案:
/* Create an Object of each item via map and apply to Object.assign */
console.log(Object.assign.apply(null, [ 1, 2, 4 ].map( item => {
const out = {};
out[item] = item * 10;
return out;
})));
// => { 1: 10, 2: 20, 4: 40 }
是否有针对此问题的原生 JavaScript 解决方案或更高效的方法?
你可以只使用reduce
let obj = [ 1, 2, 4 ].reduce( (op,inp) => (op[inp] = inp * 10, op),{} )
console.log(obj)
或者你可以使用 forEach
let data = [ 1, 2, 4 ]
let obj = {}
data.forEach(val=>{
obj[val] = val * 10
})
console.log(obj)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句