聊聊js数组Array的常用

855 阅读2分钟
  1. push() :向数组的末尾添加一个或多个元素,并返回新的长度。
JavaScript
let arr = [1, 2, 3];
arr.push(4, 5);  // arr现在是[1, 2, 3, 4, 5]
  1. pop() :删除并返回数组的最后一个元素。
JavaScript
let arr = [1, 2, 3, 4, 5];
let lastElement = arr.pop();  // lastElement是5,arr现在是[1, 2, 3, 4]
  1. shift() :删除并返回数组的第一个元素。
JavaScript
let arr = [1, 2, 3, 4, 5];
let firstElement = arr.shift();  // firstElement是1,arr现在是[2, 3, 4, 5]
  1. unshift() :向数组的开头添加一个或多个元素,并返回新的长度。
JavaScript
let arr = [2, 3, 4, 5];
arr.unshift(1);  // arr现在是[1, 2, 3, 4, 5]
  1. slice() :返回一个新的数组对象,该对象是一个由开始和结束索引指定的数组的部分的浅复制(包括开始索引,但不包括结束索引)。
JavaScript
let arr = [1, 2, 3, 4, 5];
let subArray = arr.slice(1, 3);  // subArray现在是[2, 3]
  1. splice() :通过删除、替换现有元素或添加新元素来修改数组,并返回被修改的内容。
JavaScript
let arr = [1, 2, 3, 4, 5];
arr.splice(2, 2, 'a', 'b');  // arr现在是[1, 2, 'a', 'b', 5]
  1. concat() :连接两个或多个数组,并返回一个新的数组。
JavaScript
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let combinedArray = arr1.concat(arr2);  // combinedArray现在是[1, 2, 3, 4, 5, 6]
  1. join() :将数组(或一个类数组对象)的所有元素连接成一个字符串,并返回这个字符串。
JavaScript
let arr = ['a', 'b', 'c'];
let str = arr.join('-');  // str现在是'a-b-c'
  1. reverse() :反转数组元素的顺序。
JavaScript
let arr = [1, 2, 3, 4, 5];
arr.reverse();  // arr现在是[5, 4, 3, 2, 1]
  1. sort() :在原数组上对数组元素进行排序,并返回数组。
JavaScript
let arr = [5, 2, 3, 1, 4];
arr.sort();  // arr现在是[1, 2, 3, 4, 5]
  1. indexOf() :返回在数组中可以找到给定元素的第一个索引,如果不存在,则返回-1。
JavaScript
let arr = [1, 2, 3, 4, 5];
let index = arr.indexOf(3);  // index是2
  1. lastIndexOf() :返回在数组中可以找到给定元素的最后一个索引,如果不存在,则返回-1。
JavaScript
let arr = [1, 2, 3, 4, 3];
let index = arr.lastIndexOf(3);  // index是4
  1. forEach() :对数组的每个元素执行一次给定的函数。
JavaScript
let arr = [1, 2, 3, 4, 5];
arr.forEach(function(value, index, array) {
  console.log(value);  // 输出:1, 2, 3, 4, 5
});
  1. map() :创建一个新数组,其结果是该数组中的每个元素都调用一个函数后的结果。
JavaScript
let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(function(value) {
  return value * 2;
});  // newArr现在是[2, 4, 6, 8, 10]
  1. filter() :创建一个新数组,其包含通过测试的所有元素。
JavaScript
let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(function(value) {
  return value > 2;
});  // newArr现在是[3, 4, 5]