JS中的Map方法

JS中的Map方法

Map方法用于处理js中数组中数据

**map()** 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

arr.map(function callback(currentValue, index, array],thisArg) 
  • callback 生成新数组元素的函数使用三个参数:

    • currentValue 数组中正在处理的当前元素。
    • index 数组中正在处理的当前元素的索引。 可选
    • array map 方法调用的数组
  • thisArg可选

执行 callback 函数时值被用作this

  • callback 函数只会在有值的索引上被调用;那些从来没被赋过值或者使用 delete 删除的索引则不会被调用。
  • map生成一个新数组,当你不打算使用返回的新数组却使用map是违背设计初衷的,请用forEach或者for-of替代。

如果 thisArg 参数提供给map,则会被用作回调函数的this值。否则 [这里是代码016] 会被用作回调函数的this值。

实例

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

参考 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7

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} ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值