关于for循环迭代一个小问题
来源:互联网 发布:c语言 坏值 编辑:程序博客网 时间:2024/06/06 12:40
这是原始的一段js代码
function myFunction(){var x="",i;for (i=0;i<5;i++) { x=x + "The number is " + i + "<br>"; }document.getElementById("demo").innerHTML=x;}
输出:
若:
function myFunction(){var x,i;for (i=0;i<5;i++) { x=x + "The number is " + i + "<br>"; }document.getElementById("demo").innerHTML=x;}
或:
function myFunction(){var x,i;for (i=0;i<5;i++) { x+= "The number is " + i + "<br>"; }document.getElementById("demo").innerHTML=x;}
输出:
若:
function myFunction(){var x,i;for (i=0;i<5;i++) { x= "The number is " + i + "<br>"; }document.getElementById("demo").innerHTML=x;}
输出:
第二块代码片解释:
首先是undefined的问题,当var关键字声明了x和i,却并没有像第一块代码块中给其定义(赋值)了一个”“(空字符串),此时若是用js输出结果就是undefined。
其次是”x+=“和”=x+“这两个,当循环中进行这个statement语句块的时候,(+后面的”the number is “…这一大块字符串我用value来表示)
”x +=value“ 和”x=x+value“是等同的,都是一个附加的效果,将每一次循环结果赋值给x,
x=x+value1+
+value2……..
用一下代码块展示循环过程,会更可观:
function myFunction(){var x="",i;for (i=0;i<5;i++){ x=x+"The number is " + i + "<br>"; if (i==0){ document.getElementById("demo0").innerHTML=x; } else if(i==1){ document.getElementById("demo1").innerHTML=x; } else if(i==2){ document.getElementById("demo2").innerHTML=x; } else if(i==3){ document.getElementById("demo3").innerHTML=x; } else if(i==4){ document.getElementById("demo4").innerHTML=x; } }}
输出:
.innerHTML属性改写和替换id为demo系列的原文本,从头改写,所以原本的文本是被覆盖,而不是一味地附加。
这个附加的过程是循环的过程,而替换文本是输出最后一次显示的x值。
第三块代码片解释:
如果知道了第二块代码片的运行机制,第三块理解起来就不难了。
因为innerHTML改写和替换了原文本,而x并没有通过”+=“和”x+“来进行value(value1+value2…)的叠加,故而运行到最后一次循环,x被赋值最后一次运算结果,即当i=4的情况,所以只显示一条结果为4的字符串。
感谢be哥工作之余给我的帮助。
0 0
- 关于for循环迭代一个小问题
- 关于多层for循环迭代的效率优化问题
- 关于for循环的一个小差别
- [python笔记]for循环中循环变量迭代问题
- 关于迭代和递归的一个小问题,求解答
- 关于php迭代循环
- Python for循环小问题
- shell脚本 for循环迭代文件
- Python的for循环迭代
- 迭代方法替代for循环
- 问题:关于for index 循环
- 关于循环的一个问题
- for循环操作集合,及增删改查,和增强for循环的循环迭代
- 关于encode_one_macroblock()中的一个for循环
- 关于java一个for循环输出九九乘法表
- 关于迭代的一点小理解
- 小心JavaScript中For循环的迭代变量
- 结构化编程:确定迭代循环控制for
- java快速读写文件和组装字符串
- Android中Activity总结
- 判断当前客户端是否移动设备
- 欢迎使用CSDN-markdown编辑器
- 先在这里立一个flag吧
- 关于for循环迭代一个小问题
- linux select() FD_ZERO/FD_SET/FD_CLRFD_ISSET详解
- Glide图片加载使用心得
- 贝塞尔曲线实现QQ未读消息气泡拖拽效果
- 关于STM8的程序下载问题:SWIM Error[30006]报错解决办法汇总
- Activity创建与销毁(1)
- Open-Falcon之用java语言push数据
- TextView设置android:ellipsize="marquee"属性,无法实现跑马灯效果的解决方法
- (第2篇)一篇文章教你轻松安装hadoop