JavaScript数组常用方法汇总

本文介绍了JavaScript中数组常用的方法，包括：push、pop、shift、unshift、concat、slice、splice、indexOf、lastIndexOf、join、toString、reverse、sort、filter、map、reduce。以下是每个方法的详细说明：

push

push()方法向数组的末尾添加一个或多个元素，并返回新的长度。例如，对于以下代码：

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

pop

pop()方法从数组的末尾移除一个元素，并返回该元素的值。例如，对于以下代码：

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

shift

shift()方法从数组的开头移除一个元素，并返回该元素的值。例如，对于以下代码：

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

unshift

unshift()方法向数组的开头添加一个或多个元素，并返回新的长度。例如，对于以下代码：

let arr = [1,2,3];
let length = arr.unshift(0,-1);
console.log(arr);       // [0,-1,1,2,3]
console.log(length);    // 5

concat

concat()方法用于连接两个或多个数组，并返回一个新数组。例如，对于以下代码：

let arr1 = [1,2,3];
let arr2 = [4,5,6];
let newArr = arr1.concat(arr2);
console.log(newArr);    // [1,2,3,4,5,6]

slice

slice()方法从已有的数组中返回选定的元素，并创建一个新数组。例如，对于以下代码：

let arr = [1,2,3,4,5];
let newArr = arr.slice(1,4);
console.log(newArr);    // [2,3,4]

splice

splice()方法向/从数组中添加/删除项目，然后返回被删除的项目。例如，对于以下代码：

let arr = [1,2,3,4,5];
let removedItem = arr.splice(2,1);
console.log(arr);             // [1,2,4,5]
console.log(removedItem);     // [3]

arr.splice(1,0,6,7);
console.log(arr);             // [1,6,7,2,4,5]

indexOf

indexOf()方法可返回某个指定的字符串值在数组中首次出现的位置。如果数组中不存在该值，则返回 -1。例如，对于以下代码：

let arr = [1,2,3,2,1];
let index = arr.indexOf(2);
console.log(index);   // 1

index = arr.indexOf(4);
console.log(index);   // -1

lastIndexOf

lastIndexOf()方法可返回某个指定的字符串值在数组中最后出现的位置。如果数组中不存在该值，则返回 -1。例如，对于以下代码：

let arr = [1,2,3,2,1];
let index = arr.lastIndexOf(2);
console.log(index);   // 3

index = arr.lastIndexOf(4);
console.log(index);   // -1

join

join()方法将数组中的所有元素转换为一个字符串。元素通过指定的分隔符进行分隔。例如，对于以下代码：

let arr = [1,2,3];
let str = arr.join('-');
console.log(str);     // '1-2-3'

toString

toString()方法将数组转换为一个字符串。数组中的元素将被转换为字符串并用逗号分隔。例如，对于以下代码：

let arr = [1,2,3];
let str = arr.toString();
console.log(str);     // '1,2,3'

reverse

reverse()方法用于反转数组中的元素顺序。例如，对于以下代码：

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

sort

sort()方法将数组中的元素排序。默认排序顺序为按照字符串Unicode码点升序排列。例如，对于以下代码：

let arr = [3,1,2];
arr.sort();
console.log(arr);     // [1,2,3]

filter

filter()方法创建一个新数组，其中包含所有通过指定函数测试的元素。例如，对于以下代码：

let arr = [1,2,3,4,5];
let filteredArr = arr.filter(item => item > 2);
console.log(filteredArr);   // [3,4,5]

map

map()方法创建一个新数组，其结果是对原数组中的每个元素进行一次指定函数的处理后的值。例如，对于以下代码：

let arr = [1,2,3];
let mappedArr = arr.map(item => item * 2);
console.log(mappedArr);   // [2,4,6]

reduce

reduce()方法对数组中的所有元素执行一个指定的操作，并将其结果累加到一个总和中。例如，对于以下代码：

let arr = [1,2,3];
let sum = arr.reduce((accumulator, item) => accumulator + item, 0);
console.log(sum);     // 6

以上就是JavaScript数组常用方法的汇总。通过本文，相信大家对JavaScript中数组的相关方法都有所了解。