使用javascript映射键/值

Mapping key/value with javascript

本文关键字:映射 javascript 使用      更新时间:2023-09-26

有没有映射键和值的方法​​在使用Javascript的数组中?在我看来,它类似于jQuery .map(),但不是只映射值,而是"映射"键。

假设我有以下数组:

var names = [ 1, 2, 3, 4, 5 ];

我喜欢使用一个名为numberToName()的函数,我创建了这个函数并由此生成了另一个数组,结果应该是这样的:

var names = { "one": 1, "two": 2, "three": 3, "four": 4, "five": 5 };

目前我使用以下方法:

var names = [ 1, 2, 3, 4, 5 ],
    names_tmp = {},
    names_i = 0,
    names_len = names.length;
for(; names_i < names_len; names_i++) {
    names_tmp[numberToName(names[names_i])] = names[names_i];
}

问题是:有什么方法(最好是本地的)可以改进这种方法吗?我甚至可以毫无问题地使用jQuery。也许有一个类似的功能:

var names = jQuery.mapKeys([ 1, 2, 3, 4, 5], function(k, v) {
    return { key: numberToName(v), value: v };
});

您正在寻找reduce:

var names = [1, 2, 3, 4, 5].reduce(function(obj, k) {
     return obj[numberToName(k)] = k, obj;
}, {});

return obj[numberToName(k)] = k, obj是编写赋值+返回的一种简写方式(当然可读性较差):

     obj[numberToName(k)] = k;
     return obj;

一个简单的forEach也可以完成这项工作:

names = {};
[1, 2, 3, 4, 5].forEach(function(k) {
   names[numberToName(k)] = k
})

如果您愿意,也可以使用jquery的$.each

当然是,(截至IE9):

var nums={};
[ 1, 2, 3, 4, 5].forEach(function(v, i) {
    this[numberToName(v)]=v; 
}, nums);
nums;

编辑:添加了一个索引,使其更容易判断发生了什么。

EDIT:通过使用forEach使其变得完美,尽管它没有$'s.map()那么接近,但运行速度确实比[].map快3%。(感谢thg435的提示!)