JS中的Map

1、定义:键/值 组合

2、声明

var map = new Map();

3、说明:键类型可以不同,值类型可以不同,键不能重复

4、属性

属性说明
size内容长度、键的数量

5、方法

方法名参数列表返回值说明
set键,值-添加新元素
hastrue 或 false是否存在指定键
get值对象 或 undefined获取指定键的值
deletetrue 或 false移除指定键值
clear-undefined清空所有键值
toString-[object Map]对象标识
valueOf-Map{key => value}字符表示
forEach-值,键,Map遍历键值

 

 

 

 

 

 

 

 

 

6、示例

        var map = new Map();
        map.set(1, "a");// Map(1) {1 => "a"}
        map.set(2, "b");// Map(2) {1 => "a", 2 => "b"}
        map.set(1, "c");// Map(2) {1 => "c", 2 => "b"}

        map.set("4", "d");// Map(3) {1 => "c", 2 => "b", "4" => "d"}
        map.set("5", 5);// Map(4) {1 => "c", 2 => "b", "4" => "d", "5" => 5}

        map.forEach(function (value, key, map) {
            // do something
        });

        map.has(2);// true
        map.get("4");// "d"
        map.get(6);// undefined
        map.delete("5");// true
        map.delete(7);// false

        map.toString();// "[object Map]"
        map.valueOf();// Map(3) {1 => "c", 2 => "b", "4" => "d"}

        map.clear();// undefined Map(0) {}

 

JavaScript 中的 `Array.map()` 方法是一个非常常用且功能强大的数组处理工具。它通过将数组的每个元素传递给一个回调函数,并将回调函数的返回值组成一个新的数组,从而实现对数组元素的转换或处理。 ### 基本语法 ```javascript var newArray = array.map(function(currentValue, index, array) { // 返回新数组的元素 }); ``` - `currentValue`:当前处理的元素。 - `index`(可选):当前处理的元素的索引。 - `array`(可选):调用 `map` 的数组本身。 ### 使用示例 1. **基础示例:将数组中的每个数字加1** ```javascript var numbers = [4, 9, 16, 25]; var numbersPlusOne = numbers.map(function(num) { return num + 1; }); console.log(numbersPlusOne); // [5, 10, 17, 26] ``` 2. **使用箭头函数简化代码** ```javascript var numbers = [4, 9, 16, 25]; var numbersPlusOne = numbers.map(num => num + 1); console.log(numbersPlusOne); // [5, 10, 17, 26] ``` 3. **处理对象数组,修改对象属性** ```javascript var users = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' } ]; var updatedUsers = users.map(user => { return { key: user.id, value: user.name }; }); console.log(updatedUsers); // [ { key: 1, value: 'Alice' }, { key: 2, value: 'Bob' }, { key: 3, value: 'Charlie' } ] ``` 4. **结合函数使用,实现更复杂的逻辑** ```javascript function plusOne(num) { return num + 1; } var numbers = [4, 9, 16, 25]; var numbersPlusOne = numbers.map(plusOne); console.log(numbersPlusOne); // [5, 10, 17, 26] ``` 5. **将字符串转换为字符数组并处理** ```javascript var str = "hello"; var charArray = str.split('').map(char => char.toUpperCase()); console.log(charArray); // ['H', 'E', 'L', 'L', 'O'] ``` 6. **将 Map 转换为数组后使用 map 方法** ```javascript var map = new Map(); map.set(1, "111"); map.set(2, "222"); map.set(3, "333"); var arr = Array.from(map); var transformed = arr.map(item => item[1]); console.log(transformed); // ['111', '222', '333'] ``` ### 注意事项 - `map` 方法不会修改原始数组,而是返回一个新的数组。 - 如果需要对数组中的每个元素进行操作并生成新的数组,`map` 是最佳选择。 - 如果需要对数组中的元素进行筛选,可以使用 `filter` 方法。 ### 与 `filter` 的区别 - `map` 主要用于转换数组中的元素,生成一个新数组。 - `filter` 主要用于根据条件筛选数组中的元素,生成一个满足条件的子数组。 例如,筛选大于10的数字: ```javascript var numbers = [4, 9, 16, 25]; var filteredNumbers = numbers.filter(num => num > 10); console.log(filteredNumbers); // [16, 25] ``` ### 总结 `Array.map()` 是一个非常强大的工具,能够帮助开发者高效地处理数组数据。无论是简单的数值转换,还是复杂的对象属性修改,`map` 都能胜任[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值