js数组方法

1.join() 将数组分割为字符串,默认以逗号分隔
(不改变原数组)

	let arr=[1,2,3]
    console.log(arr.join()) //1,2,3 默认以逗号分割
    console.log(arr.join('-'))  //1-2-3
    console.log(arr) //[1,2,3]

2.push() 在数组的末尾增加新元素,返回数组的长度
pop() 移除数组最后一项,返回移除的元素,如果数组为空,则返回undefined

	let arr=[1,2,3]
	console.log(arr.push(4))  //数组长度为4
    console.log(arr) //[1,2,3,4]
    console.log(arr.pop()) //4
    console.log(arr) //[1,2,3]

3.unshift() 在数组开头增加新元素,返回数组的长度
shift() 删除数组第一项,返回删除的元素,如果数组为空,则返回undefined

	let arr=[1,2,3]
    console.log(arr.unshift(5))  //4
    console.log(arr) //[5,1,2,3]
    console.log(arr.shift()) //5
    console.log(arr) //[1,2,3]

4.sort() 将数组进行排序,比较的是字符串,没有办法对数值大小进行排序

  	let arr=['12','5','3','8','2','1']
    console.log(arr.sort()) // ["1", "12", "2", "3", "5", "8"]
    let arr1=['a','c','r','b']
    console.log(arr1.sort())  // ["a", "b", "c", "r"]
    console.log(arr1) // ["a", "b", "c", "r"]

要对数值大小进行排序,使用函数

    let arr=['12','5','3','8','2','1']
    sortFunction=(a,b)=>{
        return a -b
    }
    console.log(arr.sort(sortFunction)) // ["1", "2", "3", "5", "8", "12"]

5.reverse() 反转数组的顺序

	let arr=['12','5','3']
    console.log(arr.reverse()) // ["3", "5", "12"]
    console.log(arr) // ["3", "5", "12"]

6.concat() 将参数添加到原数组中(现在用扩展运算符实现数组拼接)
(不改变原数组)

	let arr = [1,2,5,7];
    let arrCopy = arr.concat(3,[4,5],5)
    console.log(arrCopy)  //[1, 2, 5, 7, 3, 4, 5, 5]    
    console.log(arr) //[1,2,5,7]

7.slice() 返回从原数组中指定开始下标到结束下标之间的项组成的新数组。在只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项。
(不改变原数组)

	let arr = [1,2,3,4,5,6]
    console.log(arr.slice(1)) //[2,3,4,5,6]
    console.log(arr.slice(1,4)) //[2,3,4]
    console.log(arr.slice(-4,-1)) //[3,4,5]
    console.log(arr) // [1, 2, 3, 4, 5, 6]

8.splice() 删除,插入,替换
删除:指定 2 个参数,要删除的第一项的位置和要删除的项数。

 	let arr = [1,2,3,4,5,6]
    console.log(arr.splice(1,2)) //[2,3]
    console.log(arr) // [1, 4, 5, 6]

插入:提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。

    let arr = [1,2,3,4,5,6]
    console.log(arr.splice(1,0,8,5)) //[]
    console.log(arr) // [1,8,5,2,3,4,5,6]

替换:(同时删除和插入)

  	let arr = [1,2,3,4,5,6]
    console.log(arr.splice(1,1,0,0)) //[2]  删除的元素
    console.log(arr) // [1,0,0,3,4,5,6]

重点!!!! 跟slice不一样,splice 会改变原数组

9.indexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。从数组的开头开始向前查找
lastIndexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。从数组的末尾开始向前查找。

    let arr = [1,2,5,3,4,5,6]
    console.log(arr.indexOf(3)) //   3
    console.log(arr.lastIndexOf(5)) // 5
    console.log(arr.lastIndexOf("5")) // -1

10.forEach():对数组进行遍历循环,该方法没有返回值。默认有传参,参数分别为:遍历的数组内容;对应的数组索引,数组本身。
(不改变原数组)

    let arr = [1,2,5]
    const result=arr.forEach((item,index,arr)=>{
        console.log(item*2) //2,4,10
    })
    console.log(result) //undefined
    console.log(arr) //[1,2,5]

11.map():对数组进行遍历循环,该方法有返回值
(不改变原数组)

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

12.filter():“过滤”功能,返回满足过滤条件组成的数组
(不改变原数组)

 	let arr = [1,2,5,6,8]
    const result=arr.filter((item,index,arr)=>{
        return item%2===0
    })
    console.log(result) //[2,8,8]
    console.log(arr) //[1,2,5,6,8]

13.every():判断数组中每一项都是否满足条件,遇到不满足条件,则跳出循环,只有所有项都满足条件,才会返回true。

	let arr = [1,2,5,6,8]
    const result=arr.every((item,index,arr)=>{
        return item>2
    })
    console.log(result) //false
    console.log(arr) //[1,2,5,6,8]

14.some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。

    let arr = [1,2,5,6,8]
    const result=arr.some((item,index,arr)=>{
        console.log(item) //1 2 5
        return item>2
    })
    console.log(result) //true
    console.log(arr) //[1,2,5,6,8]

15.find():找到第一个符合条件的成员,没有符合的则返回 undefined
findIndex():,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。

    let arr = [1,2,5,6,8]
    const result=arr.find((item)=>{
        return item%2===0
    })
    console.log(result) //2
    console.log(arr) //[1,2,5,6,8]
   let arr = [1,2,5,6,8]
    const result=arr.findIndex((item)=>{
        return item%2===0
    })
    console.log(result) //1
    console.log(arr) //[1,2,5,6,8]

16.entries(),keys() 和 values()
keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历

    let arr = [1,2,5,6,8]
    console.log(arr.values()) //Array Iterator {}对象
    console.log(arr.keys())  //Array Iterator {}对象
    console.log(arr.entries())  //Array Iterator {}对象
    console.log([...arr.values()]) //[1, 2, 5, 6, 8]
    console.log([...arr.keys()])  // [0, 1, 2, 3, 4]
    console.log([...arr.entries()]) //[Array(2), Array(2), Array(2), Array(2), Array(2)]
    for(let i of arr.entries()){
        console.log(i)  //[0,1][1,2][2,5][3,6][4,8]
    }

17.reduce(): reduce() 方法接收一个函数作为累加器,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce() 的数组。

	//数组求和
    let arr=[1,2,3,4]
    let result=arr.reduce((acc,cur,index,arr)=>{
        return acc+cur
    },0)
    console.log(result) //10
    console.log(arr)  //[1,2,3,4]

    //将二维数组转换为一维数组
    let arr=[[1,2],[3,4],[5,6]]
    let result=arr.reduce((acc,cur,index,arr)=>{
        return acc.concat(cur)//或者 [...acc,...cur]
    },[])
    console.log(result) //[1, 2, 3, 4, 5, 6]
    console.log(arr)  //[[1,2],[3,4],[5,6]]

	或者
	let arr=[[1,2],[3,4],[5,6]]
    let result=arr.flat()  
    console.log(result)// [1, 2, 3, 4, 5, 6]

	//计算数组中元素的个数
	 let arr=['1','2','3','4','4','2','3','5']
    const result=arr.reduce((acc,cur)=>{
        console.log(acc)
        if (cur in acc){
            acc[cur]++
        }
        else{
            acc[cur]=1
        }
        return acc
    },{})
    console.log(result) //{1: 1, 2: 2, 3: 2, 4: 2, 5: 1}

学习来源:https://www.cnblogs.com/zyfeng/p/10541133.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值