14 - 变量与数据类型 - 引用数据类型 - 数组的操作与方法

前端 - Javascript 《变量与数据类型 - 引用数据类型 - 数组的操作与方法》

在 JavaScript 的世界里，数组就像是一个神奇的百宝箱，能够存储各种类型的数据，并且提供了丰富多样的操作方法。今天，我们就一起来揭开数组操作与方法的神秘面纱。

数组的基本操作

创建数组

创建数组就像是打造一个新的百宝箱。我们可以使用两种常见的方式来创建数组。

// 字面量方式
let fruits = ['apple', 'banana', 'cherry'];
// 构造函数方式
let numbers = new Array(1, 2, 3);

访问数组元素

数组中的每个元素都有一个对应的索引，就像百宝箱里每个物品都有自己的位置。索引从 0 开始，我们可以通过索引来访问数组元素。

let fruits = ['apple', 'banana', 'cherry'];
console.log(fruits[0]); // 输出: apple

修改数组元素

如果我们想改变百宝箱里某个物品，只需要通过索引找到它并替换即可。

let fruits = ['apple', 'banana', 'cherry'];
fruits[1] = 'grape';
console.log(fruits); // 输出: ['apple', 'grape', 'cherry']

数组的常用方法

添加元素

push() 方法

push() 方法就像是往百宝箱的末尾添加一个新物品。

let fruits = ['apple', 'banana'];
fruits.push('cherry');
console.log(fruits); // 输出: ['apple', 'banana', 'cherry']

unshift() 方法

unshift() 方法则是在百宝箱的开头添加新物品。

let fruits = ['apple', 'banana'];
fruits.unshift('grape');
console.log(fruits); // 输出: ['grape', 'apple', 'banana']

删除元素

pop() 方法

pop() 方法会移除百宝箱末尾的物品，并返回该物品。

let fruits = ['apple', 'banana', 'cherry'];
let removed = fruits.pop();
console.log(removed); // 输出: cherry
console.log(fruits); // 输出: ['apple', 'banana']

shift() 方法

shift() 方法会移除百宝箱开头的物品，并返回该物品。

let fruits = ['apple', 'banana', 'cherry'];
let removed = fruits.shift();
console.log(removed); // 输出: apple
console.log(fruits); // 输出: ['banana', 'cherry']

查找元素

indexOf() 方法

indexOf() 方法可以帮助我们找到某个物品在百宝箱中的位置（索引）。如果找不到，就会返回 -1。

let fruits = ['apple', 'banana', 'cherry'];
let index = fruits.indexOf('banana');
console.log(index); // 输出: 1

数组排序

sort() 方法

sort() 方法可以对数组进行排序，就像把百宝箱里的物品按照一定规则排列。

let fruits = ['cherry', 'apple', 'banana'];
fruits.sort();
console.log(fruits); // 输出: ['apple', 'banana', 'cherry']

总结表格

JavaScript 数组的操作与方法丰富多彩，掌握了这些，我们就能更加灵活地处理数据，让我们的代码更加高效。希望大家在实际应用中能够熟练运用这些方法，让数组这个百宝箱发挥出最大的价值！