对象映射函数：将Map函数扩展到对象

Question

我有一个对象：myObject={'a':1,'b':2,'c':3}我正在寻找一个类似于Array.prototype.map的本机方法，其使用方式如下：newObject=myObject.map(function(value,label){returnvalue*value;});//newObjectisnow{'a':1,'b':4,'c':9}JavaScript有这样的对象的map函

P粉138871485 · Answer

用 JS ES10 / ES2019 写一句一行怎么样？

利用Object.entries( ) 和 Object.fromEntries()：

let newObj = Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, v * v]));

将同样的东西写成函数：

function objMap(obj, func) {
  return Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, func(v)]));
}

// To square each value you can call it like this:
let mappedObj = objMap(obj, (x) => x * x);

此函数还使用递归来平方嵌套对象：

function objMap(obj, func) {
  return Object.fromEntries(
    Object.entries(obj).map(([k, v]) => 
      [k, v === Object(v) ? objMap(v, func) : func(v)]
    )
  );
}

// To square each value you can call it like this:
let mappedObj = objMap(obj, (x) => x * x);

在ES7 / ES2016中，您无法使用Objects.fromEntries，但您可以使用Object.assign 与扩展运算符和计算键名称语法：

let newObj = Object.assign({}, ...Object.entries(obj).map(([k, v]) => ({[k]: v * v})));

ES6 / ES2015 不允许 Object.entries，但您可以使用 Object.keys 改为：

let newObj = Object.assign({}, ...Object.keys(obj).map(k => ({[k]: obj[k] * obj[k]})));

ES6 还引入了 for...of 循环，允许更加命令式的风格：

let newObj = {}

for (let [k, v] of Object.entries(obj)) {
  newObj[k] = v * v;
}

数组.reduce()

您还可以使用 Object.fromEntries 和 Object.assign /Web/JavaScript/Reference/Global_Objects/Array/reduce" rel="noreferrer">reduce 为此：

let newObj = Object.entries(obj).reduce((p, [k, v]) => ({ ...p, [k]: v * v }), {});

继承属性和原型链：

在某些罕见的情况下，您可能需要映射一个类对象，该对象在其原型链。在这种情况下，Object.keys() 和 Object.entries() 将不起作用，因为这些函数不包含原型链。

如果您需要映射继承属性，可以使用for (key in myObj) {...}。

以下是此类情况的示例：

const obj1 = { 'a': 1, 'b': 2, 'c': 3}
const obj2 = Object.create(obj1);  // One of multiple ways to inherit an object in JS.

// Here you see how the properties of obj1 sit on the 'prototype' of obj2
console.log(obj2)  // Prints: obj2.__proto__ = { 'a': 1, 'b': 2, 'c': 3}

console.log(Object.keys(obj2));  // Prints: an empty Array.
console.log(Object.entries(obj2));  // Prints: an empty Array.

for (let key in obj2) {
  console.log(key);              // Prints: 'a', 'b', 'c'
}

但是，请帮我一个忙，避免继承。 :-)

P粉826429907 · Answer

没有到 Object 对象的本机 map，但是这样如何：

var myObject = { 'a': 1, 'b': 2, 'c': 3 };

Object.keys(myObject).forEach(function(key, index) {
  myObject[key] *= 2;
});

console.log(myObject);
// => { 'a': 2, 'b': 4, 'c': 6 }