JavaScript所有的数组使用方法及场景(包括es6及以后),这一篇就够了

  1. concat()
    使用场景:连接两个或更多数组。
    示例:

    let arr1 = [1, 2];
    let arr2 = [3, 4];
    let result = arr1.concat(arr2);
    // result = [1, 2, 3, 4]
    
  2. filter()
    使用场景:创建一个新数组,其中包含通过提供函数实现的测试的所有元素。
    示例:

    let arr = [1, 2, 3, 4, 5];
    let filteredArr = arr.filter(element => element > 2);
    // filteredArr = [3, 4, 5]
    
  3. find()
    使用场景:返回数组中通过测试的第一个元素的值。
    示例:

    let arr = [1, 2, 3, 4, 5];
    let result = arr.find(element => element > 2);
    // result = 3
    
  4. indexOf()
    使用场景:返回数组中第一个找到的元素的索引,如果不存在则返回 -1。
    示例:

    let arr = [1, 2, 3, 4, 5];
    let index = arr.indexOf(3);
    // index = 2
    
  5. join()
    使用场景:将数组的所有元素连接成一个字符串。
    示例:

    let arr = ['a', 'b', 'c'];
    let result = arr.join('-');
    // result = 'a-b-c'
    
  6. map()
    使用场景:创建一个新数组,其结果是对原数组中的每个元素调用提供的函数。
    示例:

    let arr = [1, 2, 3];
    let mappedArr = arr.map(element => element * 2);
    // mappedArr = [2, 4, 6]
    
  7. reduce()
    使用场景:对数组中的所有元素执行一个累积器函数,并返回累积的结果。
    示例:

    let arr = [1, 2, 3, 4];
    let result = arr.reduce((acc, current) => acc + current, 0);
    // result = 10
    
  8. reverse()
    使用场景:颠倒数组中元素的顺序。
    示例:

    let arr = [1, 2, 3, 4];
    let reversedArr = arr.reverse();
    // reversedArr = [4, 3, 2, 1]
    
  9. sort()
    使用场景:对数组元素进行排序。
    示例:

    let arr = [3, 1, 4, 1, 5, 9, 2];
    let sortedArr = arr.sort();
    // sortedArr = [1, 1, 2, 3, 4, 5, 9]
    
  10. every()
    使用场景:检测数组中的所有元素是否都符合指定条件。
    示例:

    let arr = [1, 2, 3, 4, 5];
    let allGreaterThanZero = arr.every(element => element > 0);
    // allGreaterThanZero = true
    
  11. some()
    使用场景:检测数组中是否至少有一个元素符合指定条件。
    示例:

    let arr = [1, 2, 3, 4, 5];
    let someGreaterThanTwo = arr.some(element => element > 2);
    // someGreaterThanTwo = true
    
  12. isArray()
    使用场景:判断对象是否为数组。
    示例:

    let arr = [1, 2, 3];
    let isArray = Array.isArray(arr);
    // isArray = true
    
  13. splice()
    使用场景:从数组中添加/删除元素。
    示例:

    let arr = [1, 2, 3, 4, 5];
    arr.splice(2, 1, 6, 7);
    // arr = [1, 2, 6, 7, 4, 5]
    
  14. slice()
    使用场景:返回数组的一部分。
    示例:

    let arr = [1, 2, 3, 4, 5];
    let slicedArr = arr.slice(1, 3);
    // slicedArr = [2, 3], arr 不变
    
  15. shift()
    使用场景:移除数组的第一个元素。
    示例:

    let arr = [1, 2, 3, 4];
    arr.shift();
    // arr = [2, 3, 4]
    
  16. unshift()
    使用场景:在数组的开头添加一个或多个元素。
    示例:

    let arr = [2, 3, 4];
    arr.unshift(0, 1);
    // arr = [0, 1, 2, 3, 4]
    
  17. pop()
    使用场景:移除数组的最后一个元素。
    示例:

    let arr = [1, 2, 3, 4, 5];
    arr.pop();
    // arr = [1, 2, 3, 4]
    
  18. push()
    使用场景:在数组的末尾添加一个或多个元素。
    示例:

    let arr = [1, 2, 3];
    arr.push(4, 5);
    // arr = [1, 2, 3, 4, 5]
    
  19. toString()
    使用场景:返回数组的字符串表示。
    示例:

    let arr = ['a', 'b', 'c'];
    let str = arr.toString();
    // str = 'a,b,c'
    
  20. includes()
    使用场景:判断数组是否包含某个元素。
    示例:

    let arr = [1, 2, 3, 4, 5];
    let includesThree = arr.includes(3);
    // includesThree = true
    
  21. findIndex()
    使用场景:返回数组中通过测试的第一个元素的索引。
    示例:

    let arr = [1, 2, 3, 4, 5];
    let index = arr.findIndex(element => element > 2);
    // index = 2
    
  22. entries()
    使用场景:返回一个包含数组中每个索引/值对的新Array Iterator对象。
    示例:

    let arr = ['a', 'b', 'c'];
    let iterator = arr.entries();
    for (let entry of iterator) {
      console.log(entry);
    }
    // 输出: [0, 'a'], [1, 'b'], [2, 'c']
    
  23. keys()
    使用场景:返回一个包含数组中每个索引的新Array Iterator对象。
    示例:

    let arr = ['a', 'b', 'c'];
    let iterator = arr.keys();
    for (let key of iterator) {
      console.log(key);
    }
    // 输出: 0, 1, 2
    
  24. values()
    使用场景:返回一个包含数组中每个值的新Array Iterator对象。
    示例:

    let arr = ['a', 'b', 'c'];
    let iterator = arr.values();
    for (let value of iterator) {
      console.log(value);
    }
    // 输出: 'a', 'b', 'c'
    
  25. Array.from()
    使用场景:从类似数组或可迭代对象创建一个新的数组实例。
    示例:

    let arrayLike = { length: 3, 0: 'a', 1: 'b', 2: 'c' };
    let arr = Array.from(arrayLike);
    // arr = ['a', 'b', 'c']
    

这些方法覆盖了数组的常见操作,根据具体需求可以选择合适的方法。

  • 12
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

秋名山大前端

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

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

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

打赏作者

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

抵扣说明:

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

余额充值