ES6 数组Map

最新推荐文章于 2024-06-17 03:00:26 发布

I wish I could do it

最新推荐文章于 2024-06-17 03:00:26 发布

阅读量312

点赞数

分类专栏： # ES6入门

本文链接：https://blog.csdn.net/cumt0/article/details/113790948

版权

JavaScript map方法数组操作对象数组编程技巧

关键词由CSDN通过智能技术生成

ES6入门专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //将arr数组的中的所有元素*2
        var arr=[1,2,3,4,5,6,7];

        //传统方法
        let newarr=[];
        for(let i=0;i<arr.length;i++){
            newarr.push(arr[i]*2);
        }
        //console.log(newarr);

        //map--自带循环，并且会把处理的值回填到对应位置
        var newarr2=arr.map((obj)=>{
            return obj*2;
        })
        //console.log(newarr2);

        //map处理对象数组
        var students=[{age:17,name:"小亮"},{age:20,name:"小黑"},{age:22,name:"琳琳"}];
        var newstudents=students.map(function(obj){
            obj.age=obj.age+1;
            obj.school="THU";
            return obj;
        });
        console.log(newstudents);
    </script>
</body>
</html>