js循环之map在工作中的使用

简介: js循环之map在工作中的使用

1425695-20200101230135112-157775615.png

map函数会返回一个全新的数组哈(重要 在实际中很有用)

 

map循环空那个数组时,不会报错的。

 

使用map的优势  可以返回一个全新的数组  可以用于过滤


ps==>:map里面不要有判断,否者会返回undefined


let aa=[
  {id:1,type:'room',cont:"1231"},
  {id:1,type:'room2',cont:"1232"},
  {id:1,type:'room3',cont:"1233"},
  {id:1,type:'room4',cont:"1235"},
]
let bb=aa.map(v=>{
  if(v.type=="room"){
    return v.cont;
  }
})
console.log(bb)
Array(4)
0: "1231"
1: undefined
2: undefined
3: undefined
length: 4
__proto__: Array(0)


数据格式就是这样的 如何拿出每个数组下的cat_name对应的值###


// 构造左边的数据 
//map 必须要有一个返回值  _this.Cates是一个类似上面的数组哈!
let leftMenuList = _this.Cates.map(v => v.cat_name);


let arr=["哈哈","嘿嘿","嘻嘻"];
            arr.map(function(v,i,arr){
             console.log(i); //i是索引值  从0开始的
             console.log(v) //v代表的是类容
            })
            ========================================================
            let move=[
                {name:"张三", score:"9.3"},
                {name:"李四", score:"8"}
            ];
            move.map(function (v) {
                v.score=parseFloat(v.score); //将字符串变为了数字类型的。
                return v;
            });
           console.log(move);



相关文章
|
1月前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
36 3
|
1月前
|
JavaScript C语言
C语言/JS循环语句执行速度控制 | C语言爱心
C语言/JS循环语句执行速度控制 | C语言爱心
29 0
|
8天前
|
存储 JavaScript 前端开发
JavaScript进阶-Map与Set集合
【6月更文挑战第20天】JavaScript的ES6引入了`Map`和`Set`,它们是高效处理集合数据的工具。`Map`允许任何类型的键,提供唯一键值对;`Set`存储唯一值。使用`Map`时,注意键可以非字符串,用`has`检查键存在。`Set`常用于数组去重,如`[...new Set(array)]`。了解它们的高级应用,如结构转换和高效查询,能提升代码质量。别忘了`WeakMap`用于弱引用键,防止内存泄漏。实践使用以加深理解。
|
9天前
|
JavaScript 前端开发
JS循环语句以及一些小练习
JS循环语句以及一些小练习
13 1
|
10天前
|
JavaScript 前端开发
JavaScript 数组的函数 map/forEach/reduce/filter
JavaScript 数组的函数 map/forEach/reduce/filter
|
1月前
|
JavaScript 前端开发
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
【5月更文挑战第11天】JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式。map() 用于创建新数组,其中元素是原数组元素经过指定函数转换后的结果;filter() 则筛选出通过特定条件的元素生成新数组;reduce() 将数组元素累计为单一值。这三个方法使代码更简洁易读,例如:map() 可用于数组元素乘以 2,filter() 用于选取偶数,reduce() 计算数组元素之和。
20 2
|
1月前
|
存储 前端开发 索引
Map循环注意事项
Map循环注意事项
16 1
|
1月前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
33 1
|
1月前
|
JavaScript 前端开发
JavaScript 条件循环语句(for 循环)
JavaScript 条件循环语句(for 循环)
|
1月前
|
前端开发 JavaScript 开发者
遍历指南:JavaScript 中的 for、for-in、for-of 和 forEach 循环详解
遍历指南:JavaScript 中的 for、for-in、for-of 和 forEach 循环详解
26 3