码迷,mamicode.com
首页 > Web开发 > 详细

js基础第三天(for 循环)

时间:2017-06-16 19:19:56      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:定义   数组   工作   执行   程序   提示   blog   for循环   ++   

今天学习了for循环,这个是很重要的知识点,工作中经常用到,配合if循环。一点要弄明白。
发现这几天自己又晚睡了,唉,又失控了。啊啊,导致眼睛不舒服。
 
 
for循环
for(定义变量; 条件表达式; 自增自减){
        循环体代码
}    
执行顺序
1、首先定义变量
2、如果条件表达式结果为ture的时候,执行for循环体里的代码,如果为false,循环体代码终止执行
3、先执行变量和条件表达式循环一次,在执行自增自减
<script type="text/javascript">
    for(var n1=0; n1<=10; n1++){    
        console.log(n1);
    }
</script>

案例

技术分享

<script type="text/javascript">
    for(var n2=1; n2<=2; n2++){
        for(var n1=1;n1<=10; n1++){
            document.write("*");
        };
        document.write("<br/>")
    };
</script>

 

技术分享

<script type="text/javascript">
    for(var j=1; j<=9; j++){
        for(var i=1; i==j; i++){
            document.write("*");
        }
        document.write("<br/>")
    }
</script>

技术分享

 

 

 技术分享

<script type="text/javascript">
for(var j=1; j<=9; j++){
    for(var i=1; i<=j; i++){
        document.write(j+"X"+i+"="+j*i+"&nbsp;")
    }
    document.write("<br/>")
}
</script>

技术分享

 

 Break语句
在循环体内,只要代码遇到break,程序立马结束当前循环。
提示:当前循环的是break语句所在的循环体。
for(var j=1; j<=9; j++){
    for(var i=1; i<=j; i++){
        document.write(j+"X"+i+"="+j*i+"&nbsp;")
        break;
    }
    document.write("<br/>")
}
</script>//只跳出break的循环体,外面的循环还在执行

技术分享

 

for……in语句
用于遍历数组或则对象的属性(对数组和对象的属性进行循环操作)
 
for(变量 in 对象 ){
    在次执行的代码
 
注意:格式(变量 in 对象)
           当“对象”为数组时,“变量”指的是数组的“索引”;
           当“对象”为对象是,“变量”指的是对象的“属性”
 

 数组案例 i是索引值

<script type="text/javascript">
var my= new Array()
     my[0]=""
     my[1]=""
     my[2]=""
for(var i in my){
     document.write(my[i]+"<br/>")
}
</script>// 
技术分享

 

<script type="text/javascript">
    var arr=["","","",""];
    var re=("" in arr); 
    var rs=(3 in arr); //索引值
    document.write(re+"<br/>");
    document.write(rs+"<br/>");
</script>

技术分享

 

对象案例 v是属性

<script type="text/javascript">
var obj={
    w:"",j:"",b:""
};
for(var v in obj){
    document.write(v+"<br/>")
}
</script>
技术分享

 


 

 

js基础第三天(for 循环)

标签:定义   数组   工作   执行   程序   提示   blog   for循环   ++   

原文地址:http://www.cnblogs.com/wdz1/p/7028763.html

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