首页 > 其他分享 >js循环语句

js循环语句

时间:2023-06-19 10:33:05浏览次数:33  
标签:语句 arr console log js while 循环 let

js循环语句

原文件代码如下:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>循环</title> </head> <body> <Ul> <li>001</li> <li>002</li> <li>003</li> <li>004</li> <li>005</li> <li>006</li> <li>007</li> <li>008</li> <li>009</li> </Ul> </body> </html> <script> const lis=document.getElementsByTagName('li')

//for循环

for (let i = 0; i<lis.length;i++){ lis[i].style.background='red' }
for (let i=lis.length; i>=0; i--){ console.log(i) }

//while循环

let i=0 while (i<=10){ console.log(i) i++ }

//do while循环,无论条件是否满足,都会至少执行一次

let j=0 do { console.log(j) j++ }while(j<=10)

//for in循环,需要索引的时候,用这个

const arr=['a','b','c','d','e','f','g','h','j'] for(let LisKey in arr){ console.log(LisKey) }

//for of循环,如果我们只需要数组中的每一个元素,用这个

for (let value of arr){ console.log(value) }
/*

* //这些循环的区别

* for循环适用于已知循环次数的的情况 * while循环适用于未知的循环次数 * do...while与while类似,但是无论条件是否满足,都会至少执行一次 * for...on 适用于遍历对象的可枚举属性,更适用于遍历对象,而不是数组 * for...of 用于遍历可迭代对象(数组/对象都可以) * */

 

练习:

//鸡兔同笼,上有三十首,下有八十足, for (let kun=0;kun<30;kun++){ if(kun*2+(30-kun)*4===80){ console.log(kun) } } console.log((80-30*2)/2 )
</script>

标签:语句,arr,console,log,js,while,循环,let
From: https://www.cnblogs.com/mengecho/p/17490486.html

相关文章

  • js_将字符串保存为文本文件
    将字符串保存为文本文件注:文件保存在当前电脑、下载文件夹中1//保存2varmySave=function(){3console.log(event)4constcontent='aplaintext.'5constblob=newBlob([content],{type:"text/pla......
  • 去往js函数式编程(7)
    管道和组合  管道和组合是一种技术,用于设置函数以便它们按顺序工作,使一个函数的输出称为下一个函数的输入。在linux中,执行一个命令并将其输出作为第二个命令的输入,而第二个命令的输出又成为第三个命令的输入,依此类推,这被称为管道。constmarkers=[{name:'AR',lat:-......
  • JSP 最佳实践: 使用JSTL来更新JSP页面
    developerWorks中国  >  Javatechnology | Webdevelopment  >JSP最佳实践:使用JSTL来更新JSP页面http://www.ibm.com/developerworks/cn/java/j-jsp05273/index.html标准化JSTL标记为您的Web页面带来更多的功能级别:初级BrettMcLaughlin([email protected]),作者,......
  • 使用nwjs打包VUE生成桌面应用
    摘抄自:https://blog.csdn.net/weixin_40521770/article/details/126907614目前已知把Vue项目打包成桌面应用有两种方式:(1)使用nwjs生成桌面应用;(2)使用Electron生成桌面应用。本文采用的是nwjs生成桌面应用,也是我认为最简单、最快捷的一种。一、打包Vue应用程序npmrunbuild二、添......
  • js数组常用的方法
    在JavaScript中,数组是一种非常重要的数据类型。数组提供了一系列常用的方法,可以方便地对数组进行操作和处理。本文将介绍JavaScript中几种常用的数组方法的含义、返回值以及是否改变原数组。一、push()push()方法可以将一个或多个元素添加到数组的末尾,并返回数组的新长度。例如:......
  • js数据类型
    *字符串String:‘’,“”,“123”,‘都是字符串’leta=1//是赋值号,是动态的,把右边的赋值给左边*数字Number:所有数字,整数,小数都是数字。varb=2.3*布尔Boolean:true,falsevarc=true*空值Null:表示空或者没有。vard="字符串"*未定义:undefined。表示声明了,但......
  • 关于前后端JSON解析差异问题与思考
    本文主要总结了作者在一次涉及流程表单的需求发布中遇到的问题及思考总结。 一、问题回顾在一次涉及流程表单的需求发布时,由于表单设计的改动,需要在历史工单中的一个json字段增加一个属性,效果示意如下:[{"key1":"value1"}]->[{"key1":"value1","key2":"value2"}]......
  • 关于前后端JSON解析差异问题与思考
    本文主要总结了作者在一次涉及流程表单的需求发布中遇到的问题及思考总结。 一、问题回顾在一次涉及流程表单的需求发布时,由于表单设计的改动,需要在历史工单中的一个json字段增加一个属性,效果示意如下:[{"key1":"value1"}]->[{"key1":"value1","key2":"value2"}]......
  • 【数据结构】带头双向循环链表
    ......
  • JS(简单数据类型、数据类型转换)
    一.数据类型简介1.1为什么需要数据类型在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的。1.2变......