常用的数组API

89 阅读2分钟

常用的数组API

push

push() 方法向数组末尾添加新项目,并返回新长度

  const arr = [1, 2, 3, 4];
  console.log(arr); // [1,2,3,4]
  arr.push(5);
  console.log(arr); // [1, 2, 3, 4, 5]

pop

pop() 删除数组的最后一个元素,并返回该元素

  const arr = [1, 2, 3, 4];
  console.log(arr); // [1, 2, 3, 4]
  arr.pop();
  console.log(arr); // [1, 2, 3]

unshift

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度

  const arr = [1, 2, 3, 4];
  console.log(arr); // [1, 2, 3, 4]
  arr.unshift(0);
  console.log(arr); // [0, 1, 2, 3, 4]

shift

shift() 删除数组中第一个元素,返回返回删除的那个值

  const arr = [1, 2, 3, 4];
  console.log(arr); // [1, 2, 3, 4]
  arr.shift();
  console.log(arr); // [2, 3, 4]

splice

splice() 插入、删除或者替换数组的元素

  1. 第一个参数:表示从哪个索引位置(index)添加/删除元素
  2. 第二个参数:要删除的项目数量。如果设置为 0,则不会删除项目
  3. 第三个参数:可选。向数组添加的新项目
  //实例一:
  const arr = [1, 2, 3, 4];
  // arr.splice(1)
  arr.splice(1); // 保留第一个元素之后的全部删除 执行结果为:[1]
  arr.splice(2); // 保留前两个元素之后的全部删除 执行结果为:[1, 2]
  
  //实例二:
  const arr = [1, 2, 3, 4];
  // arr.splice(index,1)
  arr.splice(3,1); // 从索引位置(index:3)开始删除,删除一位   执行结果为:[1, 2, 3]

sort

sort() 对数组元素进行排序(默认从小到大)

  const arr = [1, 5, 6, 9, 2];
  arr.sort();
  console.log(arr);   // [1, 2, 5, 6, 9]

indexOf

indexOf() 返回一个字符串在原始字符串中的索引值,如果没有就返回-1

  const arr = [1, 5, 6, 9, 2];
  console.log(arr.indexOf(6)); // 返回下标 2
  console.log(arr.indexOf(4)); // 没有找到则返回 -1

join

join() 方法将数组作为字符串返回。元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。

  // 实例一:默认
  const arr = [1, 5, 6, 9, 2];
  let result = arr.join();  
  console.log(result); // 1,5,6,9,2
  
  // 实例二:自定义符号
  const arr = [1, 5, 6, 9, 2];
  let result = arr.join("-");  
  console.log(result); // 1-5-6-9-2
  

revers

revers() 反转数组中元素的顺序

  const arr = [1, 5, 6, 9, 2];
  let result = arr.reverse();  
  console.log(result); // [2, 9, 6, 5, 1]

slice

  const arr = [1, 5, 6, 9, 2];
  let result = arr.slice(1,4);  
  console.log(result); // [5, 6, 9]

总结

既方便又好用的API在这里啦! 再见