JavaScript数组的迭代方法

JavaScript数组迭代方法

本文的目标是了解不同的方法来遍历JavaScript数组。

声明数组

const arr=[‘kiwi’,’dragon’,’orange’,’apple’,’pomegranate’];const sal=[2200,5000,2100,1500,3700,4300];let sal_incr=[]

for循环

for循环是一个迭代语句，它检查一些条件，然后根据条件重复执行一段代码块。

console.log(“使用for循环遍历数组”)for (let i=0;i<arr.length;i++){    console.log(arr[i])}

输出：

• 使用RunPod运行生成式LLMs | 一个无服务器平台
• 使用亚马逊SageMaker模型卡片共享来改进模型治理
• 使用TorchServe在GPU上运行多个生成式AI模型，并使用Amazon SageMaker多模型端点，可节省高达75%的推理成本

for..in循环

for..in循环是一种更简单的遍历数组的方法，它给我们提供了键值，我们可以使用这个键值从数组中获取值。

console.log(“使用for..in循环遍历数组”)for (let i in arr){    console.log(arr[i])}

输出：

for..of循环

for..of循环用于遍历可迭代对象，但与for..in循环不同，for..of循环得到的是元素本身。

console.log(“使用for..of循环遍历数组”)for (let item of arr){    console.log(item)}

输出：

forEach()循环

forEach()方法对数组的每个元素调用一次函数（回调函数）。

console.log(“使用forEach()循环遍历数组”)arr.forEach((i)=>{    console.log(i)})

输出：

另一个例子。

const sal=[2200,5000,2100,1500,3700,4300];let sal_incr=[]//编写一个函数来实现工资增长sal.forEach(function(sal){    sal_incr.push(sal+sal*.05)})//打印增加后的工资sal_incr.forEach((inc)=>{    console.log(`增加后的工资 ${inc}`)})

输出：

while循环

while循环用于评估括号（）中的条件。如果条件为真，则执行while循环内的代码。如果条件为假，则循环终止。

console.log(“使用while循环遍历数组”)let i=0; //循环变量while (i<arr.length){    console.log(arr[i])    i++;}

输出：

do…while循环

do…while循环与while循环几乎相同，只是在评估条件之前先执行循环体。这意味着循环体至少会执行一次。

console.log("使用do while循环的数组")let j=0;do {    console.log(arr[j]);    j++;}while (j<arr.length);

输出：

map()

map()允许我们迭代数组并修改其元素。map()方法通过对每个数组元素执行函数来创建一个新数组。

console.log("使用map()的数组");arr.map((item) =>{    console.log(item)})

输出：

使用map()进行相同的薪资增加示例

let incr= sal.map(function(sal) {    return sal+sal*.05;});//迭代递增后的薪资incr.forEach((incr) =>{    let msg=`递增后的薪资 ${incr}`    console.log(msg)});

输出：

总结：

• 定义一个空数组和非空数组。
• 7种遍历数组的方法。