码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 循环语句

时间:2019-01-05 11:13:28      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:cycle   bottom   alert   roc   charset   UNC   语句   分享图片   body   

1.for循环

for(......){
.........;
}

实例:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cycle</title>
<script type="text/javascript">

/*var aList01 = [‘a‘,‘b‘,‘c‘,‘d‘];
var aLen = aList01.length;
for(var i=0;i<aLen;i++){
    alert(aList01[i]);
}*/
window.onload = function(){
    var oUl = document.getElementById(‘ul‘);
    var aList = [‘美人鱼‘,‘大黄蜂‘,‘变形金刚‘,‘海王‘];
    var sTr = ‘‘;
    for(var i=0;i<aList.length;i++){
        sTr += ‘<li>‘ + aList[i] + ‘</li>‘;
    }
    /*alert(sTr);*/
    oUl.innerHTML = sTr;
}
</script>

<style type="text/css">

.ulcon{
    width: 300px;
    height: 300px;
    list-style: none;
    margin: 50px auto 0;

}
.ulcon li{
    height: 70px;
    line-height: 70px;
    border-bottom: 1px dotted #000;

}
</style>

</head>

<body>

<ul class="ulcon" id="ul">
    <!--<li>美人鱼</li>
    <li>美人鱼</li>
    <li>美人鱼</li>
    <li>美人鱼</li>-->
</ul>

</body>
</html>

技术分享图片

2.while循环

var ....
while(....){
.......
i++;
}

3.数组去重

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>repea</title>
<script type="text/javascript">

var aList01 = [1,2,4,5,5,8,4,7,8,4,6,1,9,5,4,9];
var iLen = aList01.length;
var aList02 = [];
for(var i=0;i<iLen;i++){
    if(aList01.indexOf(aList01[i])==i){  /*每个重复数字的位置是第一个*/
        aList02.push(aList01[i]);
    }
}
alert(aList02);
</script>

</head>

<body>
</body>
</html>

JavaScript 循环语句

标签:cycle   bottom   alert   roc   charset   UNC   语句   分享图片   body   

原文地址:http://blog.51cto.com/13742773/2339073

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!