什么是数组?
你有没有试过在超市买东西,把所有商品列成一张清单?比如苹果、牛奶、面包。这张清单其实就是一种“数组”——它按顺序存着多个东西。
在编程里,数组就是用来存放一组数据的容器。它可以装数字、字符串,甚至是其他数组。比如记录一周的气温,或者保存你最近看过的几部电影。
创建和访问数组
在 JavaScript 中,创建数组特别简单。用一对方括号 [] 就行:
const fruits = ["苹果", "香蕉", "橙子"];
const temperatures = [23, 25, 27, 26, 24];
每个元素都有一个位置编号,叫“索引”,从 0 开始。想取第一个水果?这样写:
console.log(fruits[0]); // 输出:苹果
console.log(temperatures[2]); // 输出:27
修改数组内容
数组不是一成不变的。比如你买了香蕉,把它换成葡萄,可以这样做:
fruits[1] = "葡萄";
console.log(fruits); // ["苹果", "葡萄", "橙子"]
是不是很像更新购物清单?改起来很方便。
添加和删除元素
有时候临时决定多买点东西,比如加个西瓜。可以用 push() 方法往末尾加:
fruits.push("西瓜");
console.log(fruits); // 最后多了“西瓜”
如果吃完了苹果,想把它去掉,用 shift() 删第一个,或者 pop() 删最后一个:
fruits.pop(); // 去掉最后一个(西瓜)
fruits.shift(); // 去掉第一个(苹果)
遍历数组:一个个处理
你想看看清单上都有啥,通常会从头念一遍。程序也一样,用 for 循环就能做到:
for (let i = 0; i < fruits.length; i++) {
console.log("水果:" + fruits[i]);
}
还有更简洁的写法,forEach:
fruits.forEach(function(fruit) {
console.log("喜欢的水果:" + fruit);
});
常用操作小技巧
想找某个元素在不在数组里?用 includes:
fruits.includes("葡萄"); // true 或 false
想把数组变成一句话展示?用 join:
fruits.join("、"); // 苹果、葡萄、橙子
需要反转顺序?比如倒着看购物清单:
fruits.reverse(); // 顺序被翻转了
实际应用场景
你每天刷的短视频列表,其实就是一个数组。每次下滑加载新视频,相当于在数组末尾 push 新项。点赞过的视频可能被单独存进另一个数组。
再比如记账 App,每一笔支出都是数组里的一个对象,你可以遍历它们算出总花销。
学会数组操作,就等于掌握了处理批量数据的基本功。别觉得它只是代码概念,生活中处处都有它的影子。