遍历数组的方法

1.for循环 (无返回值)

 <script>
        
        let arr2 = ['张三','李四','王五']
        for (let i=0;i<arr2.length;i++){
            console.log(i,arr2[i])
        }
        
    </script>

在这里插入图片描述

2.forEach() (无返回值)

<script>
       
        let arr = [1,2,3,4,5,6];
        let res = 0;
        arr.forEach(function(item,index){
            item>3?res++:res
        })
        console.log(res)
        console.log(arr)
    </script>

在这里插入图片描述

3.map() (返回一个新的数组)

<script>
        let arr = [1, 2, 3, 4, 5, 6]
        let res = arr.map((item, index) => {
            return item * 3;

        })
        console.log(res)
        console.log(arr)
    </script>

在这里插入图片描述

4.some() (返回布尔值)

 <script>
        let arr = [1,2,3,4,5,6,7];
        let ressome = arr.some((item,index)=>{
            return item>5
        })
        console.log(ressome);
        if(ressome){
            console.log('有一个是正确的我就是true')
        }else{
            console.log('全部是错误的我就是false')
        }
    </script>

在这里插入图片描述

5.erery() (返回布尔值)

  <script>
        let arr = [1,2,3,4,5,6];
        let resevery = arr.every((item,index)=>{
            return item*index;
        })
        console.log(resevery);
        if(resevery){
            console.log('全部是正确的即为true')
        }else{
            console.log('有一个是错误的即为false')
        }
    </script>

在这里插入图片描述

6.filter() (返回符合条件的新数组)

 <script>
        let arr = [2,4,6,8,10,12];
        let res =  arr.filter((item,index)=>{
            return item+1>=8;
        })
        console.log(res);
        console.log(arr);
    </script>

在这里插入图片描述

7.for of 循环

<script>
        let arr = [1, 2, 3, 4, 5, 6, 7];

        for (let val of arr) {
            console.log(val)
        }

        // 如果想用for of的方法遍历数组,又想用Index,可以用for of遍历arr.entries() !!!!
        for (let [index, val] of arr.entries()) {
            console.log(index, val)
        }
    </script>

在这里插入图片描述

8.reduce() (有返回值)

在这里插入图片描述

<script>
        debugger;  //查看执行过程
        let arr = [1,2,3,4,5,6,7];
        let resreduce = arr.reduce((val,item,index)=>{
            return val+=10;
        },10)
        console.log(resreduce);
        console.log(arr);
    </script>

在这里插入图片描述

9.find()(返回符合条件的第一个元素如没有则返回undefined)

<script>
        let arr3 = [1,2,3,4,5,6,7,8]
        let arr4 = arr3.find(function(item,index){
            console.log(item,index)
            return item>1
        })
        console.log(arr4);
    </script>

在这里插入图片描述

10.findIndex() (返回第一个满足条件的索引若没有则返回-1)

<script>
    let arr5 = [1,2,3,4,5,6,7,8]
    let arr6 = arr3.findIndex(function(item,index){
        return item>1
        console.log(item,index)
    })
    console.log(arr6);
</script>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吃葡萄不吐葡萄皮嘻嘻

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值