—————数组循环之终极宝典

一、数组循环的方法：for，forEach，map，for of，filter，every，find。

1.for循环，最基础的循环方式，速度较快，效率较高，而且可以控制数组的任意一项元素

const arr = [1, 2, 3, 4, 5];

        for (let i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }
打印： 1，2，3，4，5

2.forEach有三个参数（value：数组每一项的值，index：索引，arr：数组本体）

特点：不能同时遍历多个集合，在遍历时不能修改和删除集合的数据，且不能用break和return跳出循环，对于空数组不会执行回调函数，forEach修改数组，只能修改引用数据类型，不能直接修改基本数据类型。可以理解为forEach没有返回值，或者说是undefined

对于基本数据类型：number,string,Boolean,null,undefined它们在栈内存中直接存储变量与值。而Object对象的真正的数据是保存在堆内存，栈内只保存了对象的变量以及对应的堆的地址，所以操作Object其实就是直接操作了原数组对象本身。

使用arr[index]什么数据类型都能修改。

const arr = [1,2,3,4,5,6]
            let arr1 = arr.forEach((i, t) => {
                arr[t] = i+5
                // console.log(i, '13')
            })
            console.log(arr, 'arr')
            console.log(arr1, 'arr1')
arr ： [6,7，8，9，10]
arr1 : undefined

3.map同样有三个参数，与forEach一样（value：数组每一项的值，index：索引，arr：数组本体）

特点：map会迭代数组重的每一个元素，并且根据回调函数对每一个元素进行处理，最后返回一个新数组，使用map不会改变原数组

   const arr = [1,2,3,4,5,6]
            let arr1 = arr.map((i, t) => {
                return i + 5
                console.log(i)
            })
            console.log(arr)
            console.log(arr1)
        }
arr：[1,2,3,4,5,6]
arr1:[6,7,8,9,10,11]

！！插入一下：迭代器

迭代就是指可以从一个数据集中按照一定的顺序，不断取出数据的过程。

那么迭代和遍历的区别

• 迭代强调依次取数据的过程，不保证把所有的数据都取完
• 遍历强调的是要把所有的数据依次全部取出

4.for of可以用来遍历字符串，遍历类数组对象，支持 Map 和 Set 对象遍历，它解决了forEach的所有缺点，可以支持break，return，continue

       let arr = [{
            card: 1
        }, {
            card: 2
        }];

        for (let value of arr) {
            console.log(value);
        }
value：{card：1} ， {card：2}

       let arr = [{
            card: 1
        }, {
            card: 2
        }];

        for (let {
            card
                }
        of arr) {
            console.log(card);
        }
card：1 ，2 



   let person={name:"老王",age:23,city:"唐山"}
   for (let item of person){
        console.log(item)
    }
   person is not a iterable
    
   let arr=["dog","cat","monkey","lion"];
    for (let item of arr){
        console.log(item)
    }
item: dog,cat,monkey,lion

5.filter同样有三个参数（value：数组每一项的值，index：索引，arr：数组本体）

特点：filter是对数组里的数据进行过滤，设置一定的条件以后，过滤掉不符合条件的数据，它不会对空数组进行检测、不会改变原始数组。！非常好用

let arr=["dog","cat","monkey","lion"];
    let arr1 = arr.filter((i,t) => {
        console.log(i,t)
        return i !== "dog"
    })
arr1 = ["cat","monkey","lion"]

6.every同样有三个参数（value：数组每一项的值，index：索引，arr：数组本体）

特点：every方法针对的是数组里的所有元素，返回一个布尔值，判断数组里面的所有元素是否都满足条件，如果不满足，则返回false，如果都满足，返回true，不能改变原数组，只能做判断。\

   let arr = [1,2,3,4,5,6,7]
        let bool = arr.every((i,t,list) => {
            console.log(i,t,list)
            return i<3
        })
bool = false

7.some同样有三个参数（value：数组每一项的值，index：索引，arr：数组本体）

特点：some和every类似，用法相同，返回值相同，只是判断条件不同。some使用时只要数组中有一个元素符合条件就返回true，所有元素都不满足条件，才返回false。

        let arr = [1,2,3,4,5,6,7]
        let bool = arr.some((i,t,list) => {
            console.log(i,t,list)
            return i<3
        })
        console.log(bool)
        bool = true