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

Posted 平凡是最美荡气回肠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js循环之map在工作中的使用相关的知识,希望对你有一定的参考价值。

  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);

以上是关于js循环之map在工作中的使用的主要内容,如果未能解决你的问题,请参考以下文章

js循环

48个值得掌握的JavaScript代码片段(上)

如何在 React Js 中使用 map 实现嵌套循环

温习js中的for,forEach,map, some, every用法总结,跳出循环方法

将多个输出中的hls属性设置为单独的片段代码

js 循环之间的区别