数组常用方法

• 增加元素

  • push() : 将参数添加到数组末尾

  let colors = ["skyblue"]; // 创建一个数组
  let count = colors.push("red", "green"); // 推入两项
  console.log(count) // 2

  • unshift() :将参数添加到数组开头

  let colors = ["skyblue"]; // 创建一个数组
  let count = colors.unshift("red", "green"); // 推入两项
  console.log(count) // 2

  • splice(开始位置，要删除的元素个数，插入的元素) : 传入三个参数，分别是开始的位置、要删除元素的数量、要插入的元素

    let colors = ["skyblue", "green", "blue"];
    let removed = colors.splice(1, 0, "yellow", "red")
    console.log(colors) // skyblue,yellow,red,green,blue

  • concat() ：会新建一个当前数组的副本，然后将参数添加到副本后面，然后返回这个副本。不会影响原本的数组。

  let colors = ["skyblue"]; // 创建一个数组
  let colors1 = colors.concat("red", "green"); // 推入两项
  console.log(color2) // ["skyblue", "red", "green"]

• 删除元素

  • pop() : 删除数组的最后一项，同时减少数组的长度

  let colors = ["skyblue", "blue"];
  let colors1 = colors.pop();
  console.log(colors1)  //["skyblue"]
  console.log(colors.length) //1

  • shift() ：删除数组的第一项，同时减少数组的长度

  let colors = ["skyblue", "blue"];
  let colors1 = colors.pop();
  console.log(colors1)  //["blue"]
  console.log(colors.length) //1

  • splice(开始位置，要删除的元素个数) ： 传入两个参数，分别是开始的位置、要删除元素的数量

  let colors = ["skyblue", "green", "blue"];
  let removed = colors.splice(0,1); // 删除第一项
  console.log(colors); // green,blue

  • slice() ：分割数组，将原数组中一个或多个元素分割成新数组，不会影响原来的数组

  let colors = ["skyblue", "green", "blue", "red"];
  console.log(colors.slice(1)); //green, blue, red
  console.log(colors.slice(1,2)); //green, blue

• 查看元素

  • indexOf() : 返回要查找的元素在数组中的位置

  let numbers = [1, 2, 3, 4, 1];
  numbers.indexOf(2) // 1

  • includes() : 返回要查找的元素是否在数组中，在就返回 true，不在就返回 false。

  let numbers = [1, 2, 3, 4, 1];
  numbers.includes(4) // true

  • find() : 返回第一个匹配的参数

  let numbers = [1, 2, 3, 4, 1];
  numbers.find((el, index) => el[index] > 1) // 2

• 排序方法

  • reverse() : 反转数组，将数组元素的方向进行反转。

  let num = [1,2,3,4];
  console.log(num.reverse());   //[4,3,2,1]

  • sort() : 接受一个比较函数，判断哪个值应该排在前面

  function compare(value1, value2) {
      if (value1 < value2) {
          return -1;
      } else if (value1 > value2) {
          return 1;
      } else {
          return 0;
      }
  }
  let values = [1,3,5,7,9];
  console.log(values.sort(compare)); // 1,3,5,7,9

• 数组转化为字符串

  • join(分隔符) : 将数组中所有元素放进一个字符串中，通过分隔符进行分割

  let colors = ["skyblue", "blue"];
  console.log(colors.join(",")) // skyblue, blue  

• 迭代方法

  • some() : 参数为测试函数，若数组中有任意一项满足，则返回true，否则返回false

  let nums = [1, 2, 3, 4];
  let numFlag = nums.some((item, index, array) => item > 2);
  console.log(numFlag) // true

  • every() ： 参数为测试函数，若数组中所有项都满足，则返回true，否则返回false

  let nums = [1, 2, 3, 4];
  let numFlag = nums.every((item, index, array) => item > 2);
  console.log(numFlag) // false

  • forEach() ：传入函数，数组每个元素都放进去运行一次

  let nums = [1, 2, 3, 4];
  nums.forEach((item, index, array) => {
      // 进行函数操作
  });

  • filter() : 传入函数，函数返回true的元素会组成一个数组再返回

  let nums = [1, 2, 3, 4];
  let filterNum = nums.filter((item, index, array) => item > 2);
  console.log(filterNum); // 3,4

  • map() : 传入函数，返回每次函数调用的结果构成的数组

  let nums = [1, 2, 3, 4];
  let filterNum = nums.filter((item, index, array) => item + 1);
  console.log(filterNum); // 2,3,4,5

标签：skyblue,常用,console,log,colors,let,数组,方法
来源： https://www.cnblogs.com/monterbao/p/16406878.html