js数组遍历的方法整理_坚果的个人博客-Nut

坚果的个人站

js数组遍历的方法整理 / Bug

6月前 阅读 / 249 来源 / 原创 文 / 坚果

常用方法,简单整理,方便使用

 

1.forEach 按升序依次遍历数组中的值

语法:arr.forEach(function(value, index, arr), this);

value(必须): 当前遍历时的数组值。

index(可选): 当前遍历时的索引值。

arr(可选): 数组对象本身。

this(可选): 执行回调函数时的。

 
    {
        let arr = [ 1,2,3,4,5,6]
        arr.forEach((value,index)=>{
            console.log(value)//值
            console.log(index)//下标
        })
    }


2.some()检测数组中是否存在满足条件的元素

语法 arr.some(function(value, index, arr), this);

参数值同froEach一样

返回值:布尔类型 ture / false

  {
        let arr = [1,2,3,4,5]
        let result = arr.some(value=>value>6)//false
        let result1 = arr.some(value=>value>2)//true
        console.log(result,result1)
    }


3.every()检测数组中的元素是否全部满足条件

  {
        let arr = [1,2,3,4,5]
        let result = arr.map(item=> item*2)
        console.log(result)//[2, 4, 6, 8, 10]
    }
 
    // find()


4.filter()过滤原数组,返回新数组 

 {
        let arr = [1,2,3,4,5]
        let result = arr.filter(item=> item>2)
        console.log(result)//[3, 4, 5]
    }


5.map() 对数组中的每一个元素都进行处理,返回新的数组

    {
        let arr = [1,2,3,4,5]
        let result = arr.map(item=> item*2)
        console.log(result)//[2, 4, 6, 8, 10]
    }


6.keys() 遍历键名 / values() 遍历键值/ entries() 遍历键值对

   {
        for(let i of ['a','b','c'].keys()){
            console.log(i)//keys()遍历下标 0 1 2
        }
        for(let item of ['a','b','c'].values()){
            console.log(item)//values()遍历值 a b c
        }
        for (let [i,item] of ['a','b','c'].entries()){
            console.log(i,item)//entries()遍历下标以及内容 
        }
    }


7.reduce()数组的累加器,合并成为一个值。

语法 arr.reduce((total, value, index, arr), init)


参数 total(必须):初始值,之后为上一次回调的返回值。


 value(必须): 数组元素的值。


 index(可选): 索引值。


arr(可选): 数组对象。


 init(可选): 初始值。


返回值 :累加后的值

{
        let arr = [1,2,3,4,5]
        let sum = arr.reduce((total,value)=>total +value)
        console.log(sum)//15
    }


8.find() / findIndex() 根据条件找到数组成员 [ES6]

语法arr.find(function(value, index, arr), this);

参数值同froEach一样

返回值: find()返回第一个符合条件的数组成员,若不存在返回undefined。 findIndex()返回符合条件的数组成员的索引。

{
        let arr= [1,2,3,4,5]
        let result = arr.find(item=>item>3)
        console.log(result)//4 第一个值
        let result1 = arr.findIndex(item=>item>3)
        console.log(result1)//3 第一个值的下标
    }


9.flat()深度遍历展开数组

参数: depth(可选): 提取嵌套数组的结构深度,默认为1。

返回值:展开后的新数组。

flat方法会移除数组中的空白项

若不清楚有多少层嵌套,可以直接用 Infinity 设置,就可全部展开

Infinity 正无穷大的数值。

{
        let arr = [1,2,[3,[4,[5]]],6]
        let one = arr.flat()
        console.log(one)//[1, 2, 3, Array(2), 6]
 
        let inf = arr.flat(Infinity)
        console.log(inf)//[1, 2, 3, 4, 5, 6]
    }


例子 多层数组去重 再排序

{
        let arr = [1,3,2,4,8,6,[5,1,3,5,9,10,5,[1,5,3,6,7,8,11,7,66]]]
        let newarr = Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>a-b)
        console.log(newarr)//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 66]
    }


例子  数组打乱 

实现原理是  循环数组  在每次遍历中产生一个0 ~ length - 1的数,该数代表本次循环要随机交换的位置。将本次循环当前位置的数随机位置的数进行交换。

var  arr  = [1,2,3,4,5,6,7,8,9]
 
for(let i =0;i<arr.length;i++){
    let sum = parseInt(Math.random()*(arr.length-1))
    let copyarr = arr[i];
         arr[i] = arr[sum]
         arr[sum] = copyarr
}
console.log(arr)


1

评论列表
共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~