javascript数组常用的方法
JavaScript中的数组是一种非常强大的数据结构,它可以用来存储和操作多个值,在这篇文章中,我们将介绍一些常用的数组方法,包括创建数组、访问数组元素、修改数组元素、添加和删除数组元素等。
1. 创建数组
要创建一个数组,可以使用以下几种方法:
使用Array()
构造函数:
var arr = new Array();
使用字面量语法:
var arr = [];
使用Array.of()
方法:
var arr = Array.of(1, 2, 3);
使用Array.from()
方法:
var arr = Array.from([1, 2, 3]);
2. 访问数组元素
要访问数组中的元素,可以使用索引,索引从0开始,表示第一个元素,要访问数组arr
中的第一个元素,可以使用arr[0]
,以下是一些示例:
var arr = [1, 2, 3]; console.log(arr[0]); // 输出:1 console.log(arr[1]); // 输出:2 console.log(arr[2]); // 输出:3
3. 修改数组元素
要修改数组中的元素,可以直接为其分配新的值,要将数组arr
中的第一个元素设置为5,可以使用arr[0] = 5;
,以下是一些示例:
var arr = [1, 2, 3]; arr[0] = 5; console.log(arr); // 输出:[5, 2, 3]
4. 添加数组元素
要向数组中添加元素,可以使用以下几种方法:
push()
方法:将一个或多个元素添加到数组的末尾,并返回新的长度。
var arr = [1, 2, 3]; arr.push(4); console.log(arr); // 输出:[1, 2, 3, 4]
unshift()
方法:将一个或多个元素添加到数组的开头,并返回新的长度。
var arr = [1, 2, 3]; arr.unshift(0); console.log(arr); // 输出:[0, 1, 2, 3]
splice()
方法:在数组的指定位置插入一个或多个元素。
var arr = [1, 2, 3]; arr.splice(1, 0, 'a'); // 在第1个位置插入'a'(不删除任何元素) console.log(arr); // 输出:[1, 'a', 2, 3]
5. 删除数组元素
要从数组中删除元素,可以使用以下几种方法:
pop()
方法:删除并返回数组的最后一个元素。
var arr = [1, 2, 3]; arr.pop(); console.log(arr); // 输出:[1, 2]
shift()
方法:删除并返回数组的第一个元素。
var arr = [1, 2, 3]; arr.shift(); console.log(arr); // 输出:[2, 3]
splice()
方法:删除并返回从指定位置开始到指定数量的元素。
var arr = [1, 2, 3]; arr.splice(1, 1); // 删除第1个位置的元素(只删除一个) console.log(arr); // 输出:[1, 3]
slice()
方法:返回一个新的数组,包含从原始数组中指定位置开始到指定数量的元素。
var arr = [1, 2, 3]; var newArr = arr.slice(1); // 从第1个位置开始,到数组末尾的所有元素(不包括第1个位置的元素) console.log(newArr); // 输出:[2, 3]
filter()
方法:创建一个新数组,包含通过测试的所有元素。
var arr = [1, 2, 3]; var newArr = arr.filter(function (item) { return item > 1; }); // 只保留大于1的元素(不包括1) console.log(newArr); // 输出:[2, 3]
reduce()
方法:对数组中的每个元素执行一个提供的函数(升序执行),将其结果汇总为单个返回值。
var arr = [1, 2, 3]; var sum = arr.reduce(function (accumulator, currentValue) { return accumulator + currentValue; }, 0); // 计算所有元素的和(初始值为0) console.log(sum); // 输出:6
forEach()
方法:对数组中的每个元素执行一个提供的函数。