js数组的基本操作(很全自己整理的)

下面是详细讲解“JS数组的基本操作”的完整攻略：

JS数组的基本操作

数组(Array)是JS中常用的数据类型之一，它可以用来存储一组数据，而且支持很多常用的操作，比如增、删、改、查等。

定义数组

定义数组的方法有两种：

1. 字面量

可以使用方括号([])来定义数组，里面可以放入多个元素，它们之间用逗号隔开。

let arr = [1, 'hello', true, null, undefined];

2. 构造函数

可以使用Array构造函数来创建数组，就像创建其他对象一样。

let arr = new Array(1, 'hello', true, null, undefined);

还可以只传入一个数字表示数组的长度，会自动填充undefined。

let arr = new Array(5); //数组长度为5，元素都是undefined

增删改查

1. 增加元素

可以使用push()方法向数组末尾添加一个或多个元素。

let arr = [1, 2, 3];
arr.push(4, 5); //在数组末尾添加两个元素
console.log(arr); //[1, 2, 3, 4, 5]

使用unshift()方法可以在数组头部添加一个或多个元素。

let arr = [1, 2, 3];
arr.unshift(-1, 0); //在数组头部添加两个元素
console.log(arr); //[-1, 0, 1, 2, 3]

2. 删除元素

可以使用pop()方法删除数组末尾的元素，它会返回被删除的元素。

let arr = [1, 2, 3];
let last = arr.pop(); //删除数组末尾的元素
console.log(arr); //[1, 2]
console.log(last); //3

使用shift()方法可以删除数组头部的元素，同样会返回被删除的元素。

let arr = [1, 2, 3];
let first = arr.shift(); //删除数组头部的元素
console.log(arr); //[2, 3]
console.log(first); //1

3. 修改元素

可以使用下标来访问数组元素，然后修改它的值。

let arr = [1, 2, 3];
arr[0] = -1; //修改数组第一个元素
console.log(arr); //[-1, 2, 3]

4. 查找元素

可以使用indexOf()方法来查找某个元素在数组中的位置，如果找到了就返回它的下标，否则返回-1。

let arr = [1, 2, 3];
let index = arr.indexOf(2); //查找2在数组中的位置
console.log(index); //1

使用includes()方法可以判断某个元素是否存在于数组中，返回值是布尔类型。

let arr = [1, 2, 3];
let result = arr.includes(2); //判断2是否存在于数组中
console.log(result); //true

数组遍历

可以使用for循环来遍历数组，并依次访问每个元素。

let arr = [1, 2, 3];
for(let i=0; i<arr.length; i++){
    console.log(arr[i]); //分别输出数组每个元素
}

也可以使用forEach()方法来遍历数组，它会依次执行指定的函数，对于每个元素都会调用一次，并传入它的值、下标和整个数组。

let arr = [1, 2, 3];
arr.forEach(function(value, index, array){
    console.log(value); //分别输出数组每个元素
});

以上就是JS数组的基本操作，希望能对你有所帮助。

示例说明

示例1 - 不用循环逆序一个数组

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

示例2 - 把一个数组的元素转化为整数

let arr = ['1', '2', '3'];
let newArr = arr.map(function(value){
    return parseInt(value);
});
console.log(newArr); //[1, 2, 3]

以上就是两个对JS数组操作的示例。