如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
在前端中循环的几种方法
来源：互联网
2023-03-16 19:16:57 118
在前端开发中，我们经常需要使用循环来遍历数组元素、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遍历精灵图 下一篇：html中如何实现table表格隔行变色
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 436 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)