JS中几种循环方式

简介: JS中几种循环方式

在JS中我们经常会使用循环,我经常用的循环语句可以用来遍历数组或者是对象,比如for,for...in,for...of和forEach

  • for循环:for循环是最基本的循环结构,可以用于遍历数组和其他类数组对象。
let arr = [1, 2, 3, 4];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);//打印
}
  • for...in循环:for...in循环主要用于遍历对象的属性,返回的是属性名。
let object = { a: 1, b: 2, c: 3 };
for (let key in object) {
  console.log(key, object[key]);
}
  • for...of循环:for...of循环用于遍历可迭代对象(如数组、字符串等),返回的是元素的值。
let array = [1, 2, 3, 4];
for (let element of array) {
  console.log(element);
}
  • forEach方法:forEach是数组对象自带的方法,用于遍历数组的每个元素,可以传入一个回调函数处理每个元素。
let array = [1, 2, 3, 4];
array.forEach(function(element) {
  console.log(element);
});

这些都是我比较常用的for循环,在这里给大家分享一下,当然还有while循环和do while循环我就不介绍了!!!

目录
相关文章
|
3月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
54 6
JS循环for、for...of、for...in
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
64 2
JavaScript基础知识-流程控制之while循环
|
2月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
39 0
|
4月前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
4月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
180 0
|
1月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
30 2
|
3月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
128 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
53 1
JavaScript基础知识-forEach循环
|
3月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript
自动循环提交js
自动循环提交js
20 0