js基础第三天(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>

				
时间: 2024-10-14 22:31:48

js基础第三天(for 循环)的相关文章

JS基础(三)语句

一.判断语句(PS:一般情况下判断条件最终应该是一个布尔值.) 1.if语句 1)基本格式 if(判断条件){ 如果判断条件成立则执行的语句 }else{ 如果判断条件不成立则执行的语句 } 2)扩展格式(二路选择语句) if(判断条件){ 如果判断条件成立则执行的语句 }else{ 如果判断条件不成立则执行的语句 } 3)扩展格式2 if(条件1){ 如果条件1成立时执行的语句 }else if(条件2){ 如果前面的条件不成立,条件2成立时执行的语句 }...else{ 当所有条件不成立时执

JS基础(三)

25.使用JS操作CSS样式 DHTML表示动态HTML(Dynamic HTML,DHTML),不是标记语言,只是一种由微软提出的网页脚本化概念,目标是结合JS+HTML+CSS设计动态特效,得到很多浏览器厂商支持. CSS脚本化应用:显隐特效.尺寸缩放.对象定位.视图控制.透明设计.对象交互.UI交互 CSS脚本属性名规范:驼峰式命名法重命名CSS属性名,去掉CSS的连字符(css属性float在脚本中用cssFloat表示):elementNode.style.width="100px&q

React.js 基础入门三 ---组件状态state

React 组件实例在渲染的时候创建.这些实例在接下来的渲染中被重复使用,可以在组件方法中通过 this 访问.唯一一种在 React 之外获取 React 组件实例句柄的方式就是保存React.render 的返回值.在其它组件内,可以使用 refs 得到相同的结果(后面会简单解释refs). 从上几章的学习,我们可以这么理解组件,学过php的Yii框架的都知道widget组件,react.js定义一个组件,通过在组件中定义各种'方法','属性'最后通过render来渲染这个组件. 其中<组建

js 基础第三天(函数)

函数的内容确实是js重中之重. 函数作用 1.封装代码 2.代码复用 函数语法 函数就是包裹在花括号中的代码块,前面使用的关键词function function 函数名(){ 这里是要执行的代码 } function()构造函数 <script type="text/javascript"> var x=new Function("a","b","return a*b") document.getElementB

JS基础整理(if-else for循环)

1.if---else语句 if(判断条件) { 满足条件要执行的语句: } else { 不满足执行: } ----------------------------------------------------------------------- **三元运算符 var  x = 判断条件?a:b; 相当于 if(判断条件) { x=a; } else { x=b; } ------------------------------------------------------------

js基础--变量、数据类型、循环、判断、函数定义

1.变量 var name="mxm"//局部变量 name="mxm"//全局变量 2.基本数据类型 //数字 a=1 //字符串 a="mxm" //列表 a=['1','2','3'] //字典 a={'k1':'v1','k2':'v2'} //布尔值 true false 3.for循环 a=['a','b','c'] for(var i=0;i<a.length;i++){ console.log(a[i]); } 4.if条件

js基础第三天(数组)

今天注意学习了数组,上午做了一个案例没鼓捣了半天才弄明白.今天数组的内容整理的不多,明天还需要深入了解,这块内容很重要,还有函数. 数组 使用单独的变量名,储存多个值. 用new方法来创建一个数组(不是很常用): var ary1=new Array(); //用于在单个变量中存储多个值 var my=new Array(3) my[0]="sa" my[1]="2" my[2]=3 var my=new Array(1,2,3) alert(my) 直接创建一个数

JS基础知识大全

JS基础知识 基本语法*switch循环(设置表达式 x(通常是一个变量) 随后表达式的值会与结构中的每个 case 的值做比较.如果存在匹配,则与该 case 关联的代码块会被执行.请使用 break 来阻止代码自动地向下一个 case 运行) 不进行类型转换 var x; switch(x){ case true:console.log("x类型转换") ; default:console.log("x没有发生类型转换"); }//case没有发生类型转换 sw

JavaScript基础(三)

JavaScript基础(三) for循环嵌套 循环嵌套不是什么特殊语法,就是说js中的许多语法结构都可以嵌套使用,for也可以 循环嵌套时,代码执行次数变多,通常使用是在2层左右 while循环 规则: 先进行条件检测,如果为true,执行循环体代码 再检测条件,再为true再执行循环体,以此类推 直到条件为false时循环结束 while (条件) { // 循环体 } for和while的使用场景 for循环适用于次数确定的重复操作(for使用较多) while循环适用于不确定次数的重复操