如何从数组和对象中.map()新的值数组？

从数组和对象中使用.map()方法创建新的值数组的方法如下：

1. 对于数组：
   • .map()方法是JavaScript数组的内置方法，它可以遍历数组中的每个元素，并返回一个新的数组，新数组的元素是通过对原数组的每个元素应用给定的函数进行转换得到的。
   • 使用.map()方法时，需要传入一个回调函数作为参数，该回调函数接受三个参数：当前元素的值、当前元素的索引和原数组本身。
   • 回调函数可以使用这些参数来操作当前元素，并返回一个新的值，该值将成为新数组中对应位置的元素。
   • .map()方法返回一个新的数组，该数组包含了对原数组中的每个元素应用回调函数后得到的新值。

以下是一个示例，演示如何从数组中使用.map()方法创建新的值数组：

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map((num) => {
  return num * 2;
});

console.log(doubledNumbers); // 输出 [2, 4, 6, 8, 10]

1. 对于对象：
   • 对象不具备.map()方法，但可以通过将对象的属性转换为数组，然后使用.map()方法来实现类似的功能。
   • 可以使用Object.keys()方法将对象的属性转换为数组，然后再使用.map()方法对数组进行操作。
   • Object.keys()方法返回一个由对象的可枚举属性组成的数组，数组中的元素是对象属性的键名。
   • 使用.map()方法对该数组进行操作，可以得到一个新的数组，新数组的元素是通过对原对象的每个属性应用给定的函数进行转换得到的。

以下是一个示例，演示如何从对象中使用.map()方法创建新的值数组：

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

const valuesArray = Object.keys(person).map((key) => {
  return person[key];
});

console.log(valuesArray); // 输出 ['John', 30, 'New York']

这是一个简单的示例，展示了如何从数组和对象中使用.map()方法创建新的值数组。根据具体的需求，可以根据不同的转换逻辑和操作来定制回调函数。