js中map方法有哪些方法
时间: 2023-07-21 21:25:19 浏览: 121
在 JavaScript 中,map() 方法是一个数组方法,它返回一个新的数组,该数组的元素是原始数组中每个元素调用指定函数后的返回值。除了常规的 map() 方法外,还有以下几种 map() 方法:
1. flatMap():flatMap() 方法首先对每个元素执行 map(),然后将结果扁平化为一个新数组。该方法返回一个新数组,新数组的元素是原始数组中每个元素调用指定函数后的返回值,扁平化后的结果。
2. mapTo():mapTo() 方法将指定的值映射到每个数组元素,并返回一个新数组。
3. mapKeys():mapKeys() 方法将指定的键映射到原始数组中的每个元素,并返回一个新对象,其中键是原始数组中元素的键,值是指定键的值。
4. mapValues():mapValues() 方法将指定的值映射到原始数组中的每个元素,并返回一个新对象,其中键是原始数组中元素的键,值是指定值的结果。
下面是一个示例代码片段,演示了这些方法的使用:
```
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map((n) => n * 2);
console.log(doubled); // [2, 4, 6, 8, 10]
const flattened = numbers.flatMap((n) => [n, n*2]);
console.log(flattened); // [1, 2, 2, 4, 3, 6, 4, 8, 5, 10]
const mappedTo = numbers.mapTo(10);
console.log(mappedTo); // [10, 10, 10, 10, 10]
const mappedKeys = numbers.mapKeys((n) => `key_${n}`);
console.log(mappedKeys); // {key_1: 1, key_2: 2, key_3: 3, key_4: 4, key_5: 5}
const mappedValues = numbers.mapValues((n) => n * 2);
console.log(mappedValues); // {0: 2, 1: 4, 2: 6, 3: 8, 4: 10}
```
阅读全文