数组的常见方法

1.cancat拼接数组

    let arr = [1, 2, 3, 4, 5 ]
    let arr1 = [6, 7, 8, 9,10]
    let res = arr.concat(arr1) // [1, 2, 3, 4, 5, 6, 7, 8, 9,10]

2.copyWithin 复制数组数据

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    // 第一个参数指目标参数索引 (从这个索引值开始变成要复制的值)
    // 第二个 参数为以目标参数为基准 复制数组第几个(也是索引值)
    // 第三个 参数为以目标参数为基准 复制到数组第几个(也是索引值)
    let res = arr.copyWithin(1, 2, 6) // [1, 3, 4, 5, 6, 6, 7, 8, 9, 10]

3.entries 数组迭代对象方法

将数组的每一个值变成对象

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    let res = arr.entries()
    for (let e of res) {
      console.log(e);
      // (2) [0, 1]
      // (2) [1, 2]
      // (2) [2, 3]
      // (2) [3, 4]
      // (2) [4, 5]
      // (2) [5, 6]
      // (2) [6, 7]
      // (2) [7, 8]
      // (2) [8, 9]
      // (2) [9, 10]
    }

4.every 方法 

判断数组中的每一项是否都符合条件

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.every((item) => {
      return item > 5
    }) // false
   

5.fill方法

填充目标内容到数组中(第一个参数是要填充的内容 第二个是开始的位置的索引值 第三个是结束的索引值)

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.fill(0, 2, 8) // [1, 2, 0, 0, 0, 0, 0, 0, 9, 10]

6.fillter方法

过滤器按条件把数组中的过滤出来,然后重新组成数组

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.filter((item) => {
      return item > 5
    }) //  [6, 7, 8, 9, 10]

7.find方法

找到数组中第一个符合条件的数据,返回那个数据

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.find((item) => {
      return item > 5
    }) //  6

8.findIndex方法

和find方法一样不过返回的是那个数据的索引值

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.findIndex((item) => {
      return item > 5
    }) //  5

9.flat方法

合并数组中小数组,()里参数是根据小数组层数绝定的

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, [11, 12]]
    const res = arr.flat() // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

10.forEach方法

遍历数组

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.forEach((item) => {
      return console.log(item)
      // 1
      // 2
      // 3
      // 4
      // 5
      // 6
      // 7
      // 8
      // 9
      // 10
    })

11.from方法

从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。(也可以进行一些操作)

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    console.log(Array.from(arr, (item) => {
      return item + 1
    })) // [2, 3, 4, 5, 6, 7, 8, 9, 10, 11]

12.includes 方法

检查数组中是否包含某一数据 ,包含返回true 不包含返回false

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.includes(2) // true

13.indexOf方法

检查数组手否包含某一项 ,包含返回数组中第一次出现此数据的索引值,不包含返回-1

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.indexOf(2) // 1

14. isArray方法

判断该数据类型是否是数组,是返回true 不是返回 false

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = Array.isArray(arr) // true

15.join 方法

把数组转成字符串模式,()里不写默认逗号隔开, ''空引号可以取消所有逗号连接,也可以用其他连接

    let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    const res = arr.join('+') // 1+2+3+4+5+6+7+8+9+10

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值