无名阁,只为技术而生。流水不争先,争的是滔滔不绝。

(js数组方法) js数组常用19种方法(你会的到底有多少呢) JavaScript 数组方法简介 全网首发(图文详解1)

前沿技术 Micheal 7个月前 (06-08) 76次浏览 已收录 扫描二维码

(js数组方法) js数组常用19种方法(你会的到底有多少呢)

JavaScript 中的数组提供了多种实用的方法来处理数组数据。下面列出了19种常用的数组方法,并简要解释了它们的用法和实现方式:

  • push():向数组的末尾添加一个或多个元素,并返回新的长度。
    var fruits = ["Banana", "Orange"];
    fruits.push("Apple", "Mango");
  • pop():删除并返回数组的最后一个元素。
    var fruits = ["Banana", "Orange", "Apple"];
    var last = fruits.pop();
  • shift():删除并返回数组的第一个元素。
    var fruits = ["Banana", "Orange", "Apple"];
    var first = fruits.shift();
  • unshift():向数组的开头添加一个或多个元素,并返回新的长度。
    var fruits = ["Orange", "Apple"];
    fruits.unshift("Banana", "Mango");
  • slice(start, end):返回一个新数组,包含从 start 到 end (不包括该元素)的数组中的元素。
    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
    var citrus = fruits.slice(1, 3);
  • splice(index, howMany, item1, …, itemX):向/从数组中添加/删除项目,然后返回被删除的项目。index 是指开始的索引,howMany 是要删除的项目数量。
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2, 0, "Lemon", "Kiwi");
  • concat():合并两个或多个数组。
    var arr1 = ["Cecilie", "Lone"];
    var arr2 = ["Emil", "Tobias", "Linus"];
    var children = arr1.concat(arr2);
  • join(separator):把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var energy = fruits.join(" and ");
  • reverse():颠倒数组中元素的顺序。
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.reverse();
  • sort():对数组的元素进行排序。
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.sort();
  • indexOf(item, start):搜索数组中的项目,并返回它所在的位置。
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var pos = fruits.indexOf("Apple");
  • lastIndexOf(item, start):返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
    var fruits = ["Apple", "Orange", "Apple", "Mango"];
    var pos = fruits.lastIndexOf("Apple");
  • forEach(callback):数组中的每个元素都执行一次回调函数。
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.forEach(function(item, index, array) {
      console.log(item, index);
    });
  • map(callback):创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
    var numbers = [1, 4, 9];
    var roots = numbers.map(Math.sqrt);
  • filter(callback):创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
    var numbers = [1, 2, 3, 4];
    var filtered = numbers.filter(function(value) {
      return value > 2;
    });
  • reduce(callback, initialValue):方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
    var numbers = [1, 2, 3, 4];
    var sum = numbers.reduce(function(total, value) {
      return total + value;
    }, 0);
  • reduceRight(callback, initialValue):与 reduce 相同,但是从右到左执行。
    var numbers = [1, 2, 3, 4];
    var sum = numbers.reduceRight(function(total, value) {
      return total + value;
    }, 0);
  • some(callback):检测数组中的某些元素是否通过由提供的函数实现的测试。
    var numbers = [1, 2, 3, 4];
    var hasEven = numbers.some(function(value) {
      return value % 2 === 0;
    });

    (抖音红包) 抖音视频红包是什么?抖音视频红包玩法规则及提现方式介绍 抖音视频红包玩法规则 全网首发(图文详解1)
    (ora-06512) ORA-06512数字或值错误字符串缓冲区太小异常详解 解决Oracle数据库ORa06512错误:字符串缓冲区太小 全网首发(图文详解1)

喜欢 (0)
[]
分享 (0)
关于作者:
流水不争先,争的是滔滔不绝