几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
在前端中循环的几种方法
来源：互联网
2023-03-17 00:02:26 版权归原作者所有，如有侵权，请联系我们
在前端开发中，我们经常需要使用循环来遍历数组元素、DOM节点等操作。本篇经验分享在前端中循环的几种方式。
工具/原料
- 谷歌浏览器
- Hbuilder开发工具
- windows
方法/步骤
在Hbuilder创建一个html文件，点击左上角的图标并选择html文件。
前端的for循环， 我们在步骤1创建html文件末尾插入一个script标签，并在标签中输入一下代码：
var ary=["val1","val2","val3","val4"];
for(var i=0;iary.length;i ){
console.log(ary[i]);
}
我们在谷歌浏览器的查看该页面的控制台。
前端的while循环，我们同样在script标签中使用while循环的遍历数组。
代码如下：
var ary=["while1","while2","while3","while4","while5"];
var i = 0;
while(i ary.length){
console.log(ary[i]);
i ;
}
while循环区别for循环在于，我们需要在循环体中控制变量i的值，否则会变成死循环。
前端的do-while循环，相对的while循环，do-while循环的循环体总是会被执一次。代码如下：
var ary=["do-while1","do-while2","do-while3","do-while4","do-while5"];
var i = 0;
do{
console.log(ary[i]);
i ;
}while(iary.length)
前端的for-in循环，forin循环 是for循环的增强。for-in循环可以遍历数组，更多用来变量对象。代码如下：
for-in遍历数组：
var ary=["for-in 04","for-in 03","for-in 02","for-in 01"];
for(var i in ary){
console.log(ary[i]);
}
for-in变量对象：
var ary={"name":"Tonk","age":23}
for(var i in ary){
console.log(i ":" ary[i]);
}
前端的forEach()循环，我们也可通过数组的forEach方法来迭代数组，代码如下：
var ary=["for-each 04","for-each 03","for-each 02","for-each 01"];
ary.forEach(function (i){
console.log(i);
})
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTMLJAVASCRIPT
上一篇：如何使用js修改样式style 下一篇：如何使用nodeJS的全局变量
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读