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

posted @   南风晚来晚相识  阅读(1921)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示