js常用的循环小笔记
2023-12-01 01:54:29
题目:js常用的循环小笔记
前言
在 JavaScript 中,循环语句是用来重复执行一段代码块的语句。循环语句在许多情况下都非常有用,比如遍历数组、处理对象、重复执行任务等等。JavaScript 中提供了多种循环语句,每种循环语句都有自己独特的语法和用法。在本文中,我们将介绍 JavaScript 中最常用的循环语句,包括 for、forEach、for...of 和 map 循环。
一、for 循环
for 循环是最常用的循环语句之一。它允许你指定循环的起始值、结束值和步长。for 循环的语法如下:
for (var i = 0; i < 10; i++) {
// 代码块
}
上面的代码将循环执行 10 次,每次循环都会执行代码块中的代码。变量 i 是循环变量,它会在每次循环中递增 1。
二、forEach 循环
forEach 循环是另一种常用的循环语句。它允许你对数组中的每个元素执行一次函数。forEach 循环的语法如下:
array.forEach(function(element, index, array) {
// 代码块
});
上面的代码将对数组 array 中的每个元素执行函数。函数中的参数 element 是当前元素,index 是当前元素的索引,array 是数组本身。
三、for...of 循环
for...of 循环是 ES6 中引入的新循环语句。它允许你对数组、字符串或 Map 和 Set 对象中的每个元素执行一次函数。for...of 循环的语法如下:
for (const element of array) {
// 代码块
}
上面的代码将对数组 array 中的每个元素执行函数。函数中的参数 element 是当前元素。
四、map 循环
map 循环也是 ES6 中引入的新循环语句。它允许你对数组中的每个元素执行一次函数,并返回一个新数组。map 循环的语法如下:
const newArray = array.map(function(element, index, array) {
// 代码块
});
上面的代码将对数组 array 中的每个元素执行函数,并返回一个新数组 newArray。函数中的参数 element 是当前元素,index 是当前元素的索引,array 是数组本身。
总结
for、forEach、for...of 和 map 循环是 JavaScript 中最常用的循环语句。每种循环语句都有自己独特的语法和用法。通过熟练掌握这些循环语句,你可以轻松处理各种数据处理场景。