JS Array数组对象操作方法汇总

简介

JS中Array(数组)是很强大的一种数据结构，支持多种操作方法，比如排序，过滤，查找等等。这篇攻略将会介绍JS中Arra数组的所有操作方法，包含方法的定义，使用方法和示例说明。

Array属性

• length：用于获取或设置数组的长度。

Array方法

排序

• sort() ： 将数组按照ASCII码排序。

var arr = ["lily", "tom", "bella", "jack"];
arr.sort();
console.log(arr); // ["bella", "jack", "lily", "tom"]

• reverse() ： 将数组倒序排列。

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

新增/删除元素

• push() ： 向数组的末尾添加一个或多个元素，并返回新的数组长度。

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

• pop() ： 删除数组的最后一个元素，并返回该元素。

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

• unshift() ：向数组的开头添加一个或多个元素，并返回新的数组长度。

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

• shift() ：删除数组的第一个元素，并返回该元素。

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

拼接/分割

• join() ：将数组所有元素放入一个字符串。

var arr = ["a", "b", "c"];
var str = arr.join("-");
console.log(str); // "a-b-c"

• concat() ：将两个或多个数组连接起来。

var arr1 = [1, 2];
var arr2 = [3, 4];
var arr = arr1.concat(arr2);
console.log(arr); // [1, 2, 3, 4]

• slice() ： 返回从指定的数组位置开始，到指定结束（不包含该位置）的元素，为一个新的数组对象。

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

过滤/查找

• filter() ：返回一个新数组，其中的元素通过指定函数测试。

var arr = [1, 2, 3, 4, 5];
var newArr = arr.filter(function (item) {
    return item > 3;
});
console.log(newArr); // [4, 5]

• forEach() ： 对数组的每个元素执行指定函数。

var arr = [1, 2, 3];
var str = "";
arr.forEach(function (item) {
    str += item + ",";
});
console.log(str); // "1,2,3,"

• indexOf() ： 返回数组中指定元素的位置。

var arr = ["a", "b", "c", "d"];
var index = arr.indexOf("c");
console.log(index); // 2

• lastIndexOf() ： 返回最后一个指定元素的位置。

var arr = ["a", "b", "c", "a"];
var index = arr.lastIndexOf("a");
console.log(index); // 3

总结

以上就是JS中Array数组对象操作方法的详细说明，包含了排序、新增、删除、拼接、分割、过滤、查找等方法。在开发中，可以根据实际需求选择合适的方法进行操作，提高开发效率和代码的可读性。

示例：

const arr = [1, 2, 3, 4, 5, 6];
const filterArr = arr.filter(item => item % 2 === 0);
console.log(filterArr); // [2, 4, 6]

const indexOfItem = arr.indexOf(3);
console.log(indexOfItem); // 2