智享教程网
白蓝主题五 · 清爽阅读
首页  > 日常经验

数组操作入门教程:从零开始掌握基础用法

什么是数组

你有没有试过在超市买东西,把所有商品列成一张清单?比如苹果、牛奶、面包。这张清单其实就是一种“数组”——它按顺序存着多个东西。

在编程里,数组就是用来存放一组数据的容器。它可以装数字、字符串,甚至是其他数组。比如记录一周的气温,或者保存你最近看过的几部电影。

创建和访问数组

在 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,每一笔支出都是数组里的一个对象,你可以遍历它们算出总花销。

学会数组操作,就等于掌握了处理批量数据的基本功。别觉得它只是代码概念,生活中处处都有它的影子。