JavaScript数组常用方法|极客笔记

JavaScript数组常用方法

在JavaScript中，数组是一种非常常用的数据结构，用于存储多个元素。数组提供了许多方法用于对数组进行操作，包括增删改查等操作。本文将详细介绍JavaScript中数组的常用方法。

创建数组

在JavaScript中，可以使用以下两种方式来创建数组：

使用[]来创建一个空数组：

let arr1 = [];

使用Array构造函数来创建一个带有初始元素的数组：

let arr2 = new Array(1, 2, 3);

增加元素

`push()`

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

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

`unshift()`

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

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

删除元素

`pop()`

pop()方法用于删除数组的最后一个元素，并返回被删除的元素。

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

`shift()`

shift()方法用于删除数组的第一个元素，并返回被删除的元素。

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

替换元素

`splice()`

splice()方法用于从指定位置开始替换或删除元素。

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

查找元素

`indexOf()`

indexOf()方法用于返回数组中第一个匹配元素的索引值。如果数组中不存在该元素，则返回-1。

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

`includes()`

includes()方法用于判断数组中是否包含某个元素，返回布尔值。

let arr = [1, 2, 3, 4, 5];
let isElementIncluded = arr.includes(3);
console.log(isElementIncluded); // true

数组遍历

`forEach()`

forEach()方法用于遍历数组中的每个元素。

let arr = [1, 2, 3, 4, 5];
arr.forEach(element => {
  console.log(element);
});

`map()`

map()方法用于对数组中的每个元素进行处理，并返回一个新的数组。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(element => element * 2);
console.log(newArr); // [2, 4, 6, 8, 10]

数组筛选

`filter()`

filter()方法用于对数组中的元素进行筛选，并返回一个符合条件的新数组。

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

数组排序

`sort()`

sort()方法用于对数组中的元素进行排序，默认是按照Unicode编码的顺序排序。

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

自定义排序

可以传入一个比较函数来实现自定义排序。

let arr = [3, 1, 4, 1, 5, 9];
arr.sort((a, b) => a - b);
console.log(arr); // [1, 1, 3, 4, 5, 9]

数组连接

`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]

数组拼接

`join()`

join()方法用于将数组中的所有元素转换为一个字符串，并通过指定的分隔符连接。

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

数组截取

`slice()`

slice()方法用于从已有数组中返回选定的元素。

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

数组去重

使用`Set`

利用ES6的Set数据结构对数组进行去重。

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]

数组转换

`toString()`

toString()方法用于将数组转换为一个字符串，并返回结果。

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

`valueOf()`

valueOf()方法返回数组对象的原始值。

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

总结

以上就是JavaScript数组常用方法的详细介绍。数组是JavaScript中使用频率很高的数据结构，熟练掌握数组的常用方法对于编程是非常有帮助的。