JavaScript刚刚获得了新的Object.fromEntries方法。

实例

函数mapObject（obj，fn）{返回Object.fromEntries(对象.entries（对象）.map（fn）)}常量myObject=｛a:1，b:2，c:3｝const myNewObject=mapObject（myObject，（[key，value]）=>（[key、value*value]））console.log（myNewObject）

解释

上面的代码将Object转换为可以映射的嵌套数组（[[<key>，<value>]，…]）。Object.fromEntries将数组转换回对象。

这种模式最酷的一点是，现在可以在映射时轻松地考虑对象关键点。

文档

对象.fromEntries（）Object.entries（）

浏览器支持

Object.fromEntries目前仅受这些浏览器/引擎支持，但仍有polyfill可用（例如@babel/polyfill）。

您可以在数组上使用map方法和forEach，但如果您想在Object上使用它，则可以使用如下扭曲：

使用Javascript（ES6）

var obj = { 'a': 2, 'b': 4, 'c': 6 };   
Object.entries(obj).map( v => obj[v[0]] *= v[1] );
console.log(obj); //it will log as {a: 4, b: 16, c: 36}

var obj2 = { 'a': 4, 'b': 8, 'c': 10 };
Object.entries(obj2).forEach( v => obj2[v[0]] *= v[1] );
console.log(obj2); //it will log as {a: 16, b: 64, c: 100}

使用jQuery

var ob = { 'a': 2, 'b': 4, 'c': 6 };
$.map(ob, function (val, key) {
   ob[key] *= val;
});
console.log(ob) //it will log as {a: 4, b: 16, c: 36}

或者也可以使用其他循环，例如$.each方法，如下所示：

$.each(ob,function (key, value) {
  ob[key] *= value;
});
console.log(ob) //it will also log as {a: 4, b: 16, c: 36}

我需要一个函数，不仅可以选择性地映射（也可以选择性地）值，还可以映射键。原始对象不应更改。该对象也仅包含基本值。

function mappedObject(obj, keyMapper, valueMapper) {

    const mapped = {};
    const keys   = Object.keys(obj);
    const mapKey = typeof keyMapper == 'function';
    const mapVal = typeof valueMapper == 'function';

    for (let i = 0; i < keys.length; i++) {
        const key = mapKey ? keyMapper(keys[i]) : keys[i];
        const val = mapVal ? valueMapper(obj[keys[i]]) : obj[keys[i]];
        mapped[key] = val;
    }

    return mapped;
}

使用传递keymapper和valuemapper函数：

const o1 = { x: 1, c: 2 }
mappedObject(o1, k => k + '0', v => v + 1) // {x0: 2, c0: 3}

写一个很简单：

Object.map = function(o, f, ctx) {
    ctx = ctx || this;
    var result = {};
    Object.keys(o).forEach(function(k) {
        result[k] = f.call(ctx, o[k], k, o); 
    });
    return result;
}

示例代码：

> o = { a: 1, b: 2, c: 3 };
> r = Object.map(o, function(v, k, o) {
     return v * v;
  });
> r
{ a : 1, b: 4, c: 9 }

注意：这个版本还允许您（可选）为回调设置this上下文，就像Array方法一样。

EDIT-更改为删除Object.prototype的使用，以确保它不会与对象上任何现有的名为map的属性冲突。

这是另一个版本，它允许映射函数根据当前键和值声明任意数量的新财产（键和值）。E： 现在也可以使用数组。

Object.defineProperty（Object.prototype，“mapEntries”{value：函数（f，a=Array.isArray（this）？[]:{}) {return Object.entries（this）.reduce（（o，[k，v]）=>对象赋值（o，f（v，Array.isArray（a）？数字（k）：k，this）），a） ；}});常量数据＝{a:1，b:2，c:3}；常量计算=（v，k）=>({[k+'_square']：v*v，[k+'_cube']：v*v*v});console.log（data.mapEntries（计算））；// {//“a_square”：1，“a_scube”：1，//“b_square”：4，“b_cube”：8，//“c_square”：9，“c_cube”：27// }//阵列演示：常量arr=[“a”、“b”、“c”]；常量重复=（v，i）=>({[i*2]：v，[i*2+1]：v+v});console.log（arr.mapEntries（重复））；//[“a”、“aa”、“b”、“bb”、“c”、“cc”]

为了获得最佳性能。

如果您的对象不经常更改，但需要经常迭代，我建议使用本地映射作为缓存。

//示例对象var obj={a:1，b:2，c:'something'}；//缓存映射var objMap=新映射（Object.entries（obj））；//Map对象上的快速迭代objMap.forEach（（项，键）=>{//用一件物品做点什么console.log（键，项）；});

Object.entries已经在Chrome、Edge、Firefox和beta Opera中运行，因此它是一个经得起未来考验的功能。这是ES7的，所以用塑料填充https://github.com/es-shims/Object.entries对于IE，它不起作用。