我的回答主要基于这里的最高评分，希望每个人都能理解（在我的GitHub上也有同样的解释）。这就是为什么他对地图的实施有效：

Object.keys(images).map((key) => images[key] = 'url(' + '"' + images[key] + '"' +    
')');

该函数的目的是获取一个对象，并使用对所有对象（对象和数组都一样）可用的方法修改对象的原始内容，而不返回数组。JS中的几乎所有东西都是一个对象，因此，继承管道下游的元素在技术上可能会使用上游元素可用的对象（反之亦然）。

这之所以有效，是因为.map函数返回了一个数组REQUIRING，您可以提供一个数组的显式或隐式RETURN，而不是简单地修改现有对象。你本质上通过使用object.keys来欺骗程序，使其认为对象是一个数组，这将允许你使用map函数，并将其作用于各个键关联的值（我实际上意外返回了数组，但已修复）。只要没有正常意义上的返回，就不会创建原始对象仍然完整并按程序修改的数组。

这个特定的程序获取一个名为images的对象，并获取其键的值，并附加url标记以供在另一个函数中使用。原文如下：

var images = { 
snow: 'https://www.trbimg.com/img-5aa059f5/turbine/bs-md-weather-20180305', 
sunny: 'http://www.cubaweather.org/images/weather-photos/large/Sunny-morning-east-   
Matanzas-city- Cuba-20170131-1080.jpg', 
rain: 'https://i.pinimg.com/originals/23/d8
/ab/23d8ab1eebc72a123cebc80ce32b43d8.jpg' };

…并修改为：

var images = { 
snow: url('https://www.trbimg.com/img-5aa059f5/turbine/bs-md-weather-20180305'),     
sunny: url('http://www.cubaweather.org/images/weather-photos/large/Sunny-morning-   
east-Matanzas-city- Cuba-20170131-1080.jpg'), 
rain: url('https://i.pinimg.com/originals/23/d8
/ab/23d8ab1eebc72a123cebc80ce32b43d8.jpg') 
};

对象的原始结构保持不变，只要没有返回，就可以正常访问属性。不要让它像正常一样返回数组，一切都会好起来。目标是将原始值（图像[key]）重新设计为所需的值，而不是其他值。据我所知，为了防止数组输出，必须有图像的重新分配[key]，并且没有返回数组的隐式或显式请求（变量赋值完成了这一点，并且对我来说来回出现问题）。

编辑：

要解决他关于创建新对象的另一个方法，以避免修改原始对象（为了避免意外创建数组作为输出，似乎仍然需要重新分配）。这些函数使用箭头语法，如果您只是想创建一个新对象以供将来使用，则可以使用。

const mapper = (obj, mapFn) => Object.keys(obj).reduce((result, key) => {
                result[key] = mapFn(obj)[key];
                return result;
            }, {});

var newImages = mapper(images, (value) => value);

这些功能的工作方式如下：

mapFn接受稍后要添加的函数（在这种情况下（value）=>value），并简单地返回存储在那里的任何内容，

然后在result[key]=mapFn（obj）[key]中重新定义与键关联的原始值

并返回对结果执行的操作（位于括号中的累加器在reduce函数结束时启动）。

所有这些都是在所选对象上执行的，但仍然不能对返回的数组进行隐式请求，只有在我所知的重新分配值时才有效。这需要一些心理体操，但减少了所需的代码行，如上文所示。输出完全相同，如下所示：

{snow: "https://www.trbimg.com/img-5aa059f5/turbine/bs-   
md-weather-20180305", sunny: "http://www.cubaweather.org/images/weather-
photos/l…morning-east-Matanzas-city-Cuba-20170131-1080.jpg", rain: 
"https://i.pinimg.com/originals/23/d8
/ab/23d8ab1eebc72a123cebc80ce32b43d8.jpg"}

请记住，这适用于非数字。通过在mapFN函数中简单地返回值，可以复制任何对象。

只需使用以下命令，即可将对象转换为数组：

可以将对象值转换为数组：

myObject=｛“a”：1，“b”：2，“c”：3｝；let valuesArray=Object.values（myObject）；console.log（valuesArray）；

可以将对象关键帧转换为数组：

myObject=｛“a”：1，“b”：2，“c”：3｝；let keysArray=Object.keys（myObject）；console.log（keyArray）；

现在您可以执行正常的数组操作，包括“map”函数

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还为。。。循环，允许更命令式的样式：

let newObj = {}

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

array.reduce（）

您也可以使用reduce代替Object.fromEntries和Object.assign：

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

继承的财产和原型链：

在一些罕见的情况下，您可能需要映射一个类类对象，该类对象在其原型链上保存继承对象的财产。在这种情况下，Object.keys（）和Object.entries（）将无法工作，因为这些函数不包括原型链。

如果需要映射继承的财产，可以使用for（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'
}

不过，请帮我一个忙，避免继承

首先，使用Object.entries（集合）转换您的HTMLCollection。然后，它是一个可迭代的，您现在可以在它上使用.map方法。

Object.entries(collection).map(...)

参考https://medium.com/@js_tut/calling-javascript-code-on-multiple-div-elements-without-the-id属性-97ff6a50f31

我只处理减少豁免的字符串：

Object.keys(params).map(k => typeof params[k] == "string" ? params[k] = params[k].trim() : null);

Hey编写了一个可能有帮助的小映射器函数。

    function propertyMapper(object, src){
         for (var property in object) {   
           for (var sourceProp in src) {
               if(property === sourceProp){
                 if(Object.prototype.toString.call( property ) === '[object Array]'){
                   propertyMapper(object[property], src[sourceProp]);
                   }else{
                   object[property] = src[sourceProp];
                }
              }
            }
         }
      }