JavaScript数组操作基础
for 循环
基本概念
for
循环是一种控制结构,用于重复执行一段代码,直到满足指定条件。这种循环常用于遍历数组或进行计数操作。
语法结构
for (初始化表达式; 条件表达式; 更新表达式) {
// 循环体代码
}
- 初始化表达式:在循环开始前执行,通常用于定义循环计数器。
- 条件表达式:在每次循环迭代前评估,如果返回
true
,则继续执行循环。 - 更新表达式:每次循环结束后执行,通常用于更新计数器。
示例:打印数字1到5
for (let i = 1; i <= 5; i++) {
console.log(i);
}
这个循环会输出数字1到5,每次迭代i
都会增加1,直到i
大于5。
循环嵌套
在一个for
循环内部可以再定义一个for
循环,这称为嵌套循环。适合处理多维数组或进行复杂的输出格式。
示例:打印一个5x5的星号矩阵
for (let i = 0; i < 5; i++) {
let row = '';
for (let j = 0; j < 5; j++) {
row += '* '; // 在行中添加星号
}
console.log(row.trim()); // 输出每一行
}
该示例会生成一个5行5列的星号矩阵,每行输出5个星号。
数组
数组是用于存储多个值的变量,可以是不同类型的数据,包括数字、字符串和对象。
创建数组
可以通过两种主要方式创建数组:
-
数组字面量:
let fruits = ['Apple', 'Banana', 'Cherry'];
这是最常用的创建数组的方式,直接赋值多个元素。
-
使用Array构造函数:
let numbers = new Array(1, 2, 3, 4, 5);
这种方式相对较少使用,因为数组字面量更简洁。
访问数组元素
通过索引访问数组元素,索引从0开始。例如:
console.log(fruits[0]); // 输出: Apple
遍历数组
使用for循环
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
这种方式通过索引逐一访问数组的每个元素。
使用for…of循环(ES6+)
for (let fruit of fruits) {
console.log(fruit);
}
for...of
循环更简洁,适用于遍历数组或可迭代对象。
常用数组方法
JavaScript提供了多种数组方法,常用的方法包括:
-
push:向数组末尾添加一个或多个元素。
fruits.push('Orange'); // 添加"Orange"
-
pop:删除并返回数组的最后一个元素。
let lastFruit = fruits.pop(); // 删除并返回最后一个元素
-
map:创建一个新数组,其元素为原数组每个元素调用指定函数后的返回值。
示例:使用map方法将数组中的每个元素乘以2
let numbers = [1, 2, 3, 4];
let doubled = numbers.map(function(number) {
return number * 2;
});
console.log(doubled); // 输出: [2, 4, 6, 8]
在这个例子中,map
方法将numbers
数组中的每个元素乘以2,生成新的数组doubled
。