javascript数组怎么用_有哪些必须掌握的数组方法

javascript数组是用于存储多个值的特殊对象，它可以存放任意类型的数据，包括数字、字符串、对象甚至其他数组，是前端开发中最常用的数据结构之一。数组的索引从0开始，通过索引可以快速访问和修改对应位置的元素。

javascript数组的基础使用

数组的创建方式

常见的数组创建方式有两种，一种是使用数组字面量，另一种是使用Array构造函数：

// 数组字面量创建
const arr1 = [1, 2, 'test', { name: '张三' }];
// Array构造函数创建
const arr2 = new Array(3); // 创建一个长度为3的空数组
const arr3 = new Array(1, 2, 3); // 创建包含1、2、3的数组

数组的基础操作

可以通过索引访问和修改数组元素，也可以使用length属性获取数组长度：

const arr = [10, 20, 30];
console.log(arr[0]); // 输出10，访问第一个元素
arr[1] = 25; // 修改第二个元素为25
console.log(arr.length); // 输出3，获取数组长度

必须掌握的javascript数组方法

遍历类方法

forEach是最常用的数组遍历方法，它会遍历数组的每个元素，执行传入的回调函数，没有返回值：

const fruits = ['苹果', '香蕉', '橙子'];
fruits.forEach((item, index) => {
  console.log(`索引${index}对应的水果是${item}`);
});
// 输出：
// 索引0对应的水果是苹果
// 索引1对应的水果是香蕉
// 索引2对应的水果是橙子

map方法会遍历数组，对每个元素执行回调函数后返回新的数组，原数组不会被修改：

const numbers = [1, 2, 3, 4];
const doubleNumbers = numbers.map(item => item * 2);
console.log(doubleNumbers); // 输出[2,4,6,8]
console.log(numbers); // 输出[1,2,3,4]，原数组不变

增删改查类方法

push方法可以在数组末尾添加一个或多个元素，返回新的数组长度：

const arr = [1, 2];
const newLength = arr.push(3, 4);
console.log(arr); // 输出[1,2,3,4]
console.log(newLength); // 输出4

pop方法会删除数组的最后一个元素，返回被删除的元素：

const arr = [1, 2, 3];
const deletedItem = arr.pop();
console.log(arr); // 输出[1,2]
console.log(deletedItem); // 输出3

indexOf方法可以查找指定元素在数组中的第一个索引，不存在则返回-1：

const arr = ['a', 'b', 'c', 'b'];
console.log(arr.indexOf('b')); // 输出1
console.log(arr.indexOf('d')); // 输出-1

筛选转换类方法

filter方法会筛选数组中满足条件的元素，返回新的数组：

const scores = [60, 85, 90, 55, 70];
const passScores = scores.filter(item => item >= 60);
console.log(passScores); // 输出[60,85,90,70]

reduce方法可以对数组元素进行累加计算，接收回调函数和初始值两个参数：

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((prev, curr) => prev + curr, 0);
console.log(sum); // 输出10

其他方法

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

const arr = [1, 2, 3];
console.log(arr.includes(2)); // 输出true
console.log(arr.includes(4)); // 输出false

join方法可以将数组元素拼接成字符串，默认用逗号分隔：

const arr = ['hello', 'world'];
console.log(arr.join()); // 输出hello,world
console.log(arr.join('-')); // 输出hello-world

javascript数组数组方法forEachmap修改时间：2026-07-08 05:30:22