小程序开发模版_JS中的三个循环小结

发布时间:2021-01-11 16:55 作者:jianzhan

摘要: 3、实行循环系统体中的內容{ [循环系统体] } 包起來的一部分4、每一轮循环系统进行后都实行大家的i++累加实际操作for(var i = 0;i i++){console.log(i)}break/continue:在循环系统体中碰到这2个重要

3、执行循环体中的内容{ [循环体] } 包起来的部分

4、每一轮循环完成后都执行我们的i++累加操作

for(var i = 0;i i++){
 console.log(i)
}

break/continue:在循环体中遇到这两个关键字,循环体中的后面的代码就不在执行了

break:在循环体中,出现break,整个循环就直接的结束了,i++最后的这个累加的操作也不执行了

continue:在循环体中,出现continue,当前这一轮的循环就结束了,继续下一轮的循环,i++继续执行

for(var i = 0;i i++){
 if(i =5){
 i+=2;
 continue;
 i+=3;
 break;
 console.log(i)//不执行
console.log(i)//9

 二、for in 循环

用来循环一个对象中的属性名和属性值的

var object = {
 name:'小李',
 age:18,
 height:'170cm',
 hobby:'敲代码'
//对象中有多少组键值对,就循环几次
//顺序问题:首先循环数字的属性名(按照从小到大),再把剩下的属性名按照我们写得顺序循环
for(var key in object){
 console.log(key);//每一次循环获取的属性名
 console.log(object[key])// 获取属性值 在for in 中只能通过对象名[key]来获取 不能写obj.key
}

  案例:表格隔行换色 (三元运算符满足条件如果有多个执行,可以加上括号,然后使用逗号分隔)

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title Document /title 
 style 
 body,div,ul,li{
 margin:0;
 padding: 0;
 font-family: Arial;
 font-size:12px;
 ul li{
 list-style:none;
 #list{
 margin:10px auto 0;
 padding:10px;
 width:500px;
 border:1px solid #ddd;
 border-radius:10px;
 /*background: -webkit-linear-gradient(top left,#31b0d5,#67b168,#ac2925)*/
 #list li{
 height:30px;
 line-height: 30px;
 cursor:pointer; 
 .c1{
 background:#ddd;
 .c2{
 background: #a6e1ec;
 .c3{
 background: #67b168;
 /style 
 /head 
 body 
 div id='list' 
 li 1111 /li 
 li 22 /li 
 li 33 /li 
 li 44 /li 
 li 55 /li 
 li 66 /li 
 li 1111 /li 
 li 22 /li 
 li 33 /li 
 li 44 /li 
 li 55 /li 
 li 66 /li 
 /ul 
 /div 
 script type='text/javascript' 
 //原理:操作所有的li,让按照奇偶行的规律,改变他的class样式的属性值,奇数行是c1,偶数行是c2
 //通过元素的标签名获取一组元素
 // document.getElementsByTagName('元素的标签名字')
 //在整个文档中(获取的范围,上下文),我们通过元素的标签名来获取一组元素
 //获取整个文档的所有的li,他是一个集合,我们把这个集合叫做类数组(类似于数组)
 //并且类数组是对象数据类型的
 // var oLis = document.getElementsByTagName('li');
 //索引:就是代表当前是第几个元素的位置下标,索引是从0开始的
 //length:代表获取的集合的长度,或者是当前获取了多少li
 //通过dom方法获取到的类数组可以通过用.item(索引)来获取某一个
 var oList = document.getElementById('list');
 var oLis = oList.getElementsByTagName('li');
 for(var i = 0;i oLis.length;i++){
 var oLi = oLis[i];
 i%2===0 oLi.className = 'c1':oLi.className='c2'
 /script 
 /body 
 /html 

以上所述是小编给大家介绍的JS中的三个循环小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


  • 为什么没人开发围棋网页

    这一行业還是空白页,按大道理棋牌游戏类手机游戏应当十分合适网页页面手机游戏的,但两年来也没有人涉足围棋这一行业。实际上围棋对弈的市场竞争其实不猛烈,顾客端的弈城、

  • 外包公司做企业网站都包

    企业网站建设业务外包企业为公司官方网站制作要从四大方面着手: 最先,官方网站企业网站建设生产制造计划方案方案策划。 第二,公司官方网站好看的页面设计方案。 第三,公司

  • 如何制作一个个人网站?

    假如你对网站域名并不是非常在乎得话,推存 Free Website Builder (并不是广告宣传) 现阶段還是完全免费应用,素材图片也还够,应当能够进行你觉得的要求。

    它是我还在知乎

  • 一个优秀的网站首页是如

    是顾客进入你网站看到的第一面,倘若这第一面给顾客的印象不大好,不够吸引住住,那般会让顾客没有了再度浏览的欲望。一个不够吸引住住人的,即便你互联网营销推广做的再好,

  • mac网页设计软件有什么?

    除开adobe的dw,也有甚么较为高效率率的前端开发设计方案手机软件?最好无需敲代码的。SparkleMac上强悍的可视性性化网页页面网页页面设计方案计划方案专用型专用工具,其很大的特点