java基础61 JavaScript循环语句之while、do...while、for及for...in循环（网页知识）
本文知识点（目录）：
1、while循环语句
2、do...while循环语句
3、for循环语句
4、for...in循环语句
5、附录1（with语句）
6、附录2（打印多边形及乘法表）
1、while循环语句
格式:
while(判断条件){
循环体内容代码;
}
1.1、实例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>while循环练习</title>
</head>
<script type="text/javascript">
/*
循环语句:while循环
格式:
while(判断条件){
循环体内容代码;
}
*/
//打印5次helloWorld
var a=0;
while(a<5){
document.write("helloWorld</br>");
a++;
}
//需求计算1-100的总和
var num=1;
var sum=0;
while(num<=100){
sum+=num;
num++;
}
document.write(sum+"</br>");
</script>
<body>
</body>
</html>
实例结果图
2、do...while循环语句
格式：
do{
循环体内容代码;
}while(判断条件)
2.1、实例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script type="text/javascript">
/*
循环语句:do...while循环
格式：
do{
循环体内容代码;
}while(判断条件);
*/ //需求计算1-100种中奇数的和
var b=1;
var sum=0;
do{
if(b%2!=0){
sum+=b;
}
b++;
}while(b<=100);
document.write(sum+"</br>"); </script>
<body>
</body>
</html>
实例结果图
3、for循环语句
格式:
for(初始化语句;判断条件;循环后的语句){
循环语句代码;
}
3.1、实例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>for循环练习</title>
</head>
<script type="text/javascript">
/*
循环语句：for循环
格式:
for(初始化语句;判断条件;循环后的语句){
循环语句代码;
}
*/ //计算1-100的偶数和
var sum=0;
for(var c=1;c<=100;c++){
if(c%2==0){
sum+=c;
}
}
document.write(sum);
</script>
<body>
</body>
</html>
实例结果图
4、for...in循环语句
格式:
for(var 变量名 in 要遍历的目标变量名){ }
4.1、for...in语句的作用
1.可以用于遍历数组的元素。 注意：使用for-in语句遍历数组元素时遍历出的是数组下标
2.可以用于遍历对象的所有属性。 注意：使用for-in遍历对象属性的时候，遍历出来的是属性名
4.2、实例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>for...in语句练习</title>
</head>
<script type="text/javascript">
//for-in语句遍历数组
var arr=[12,17,13,19,20];
for(var a in arr){
document.write(arr[a]+" ");//返回值：12 17 13 19 20 这里，如果直接输出a,得到的是该数组的下标值
} document.write("<br/>");//换行
//for-in语句遍历对象的属性值
function person(id,name){
this.id=id;
this.name=name;
}
var p=new person(110,"张三");
for(var a in p){
document.write(p[a]+" ");//返回值：110 张三 这里，如果直接输出a,得到的是该对象的属性名
}
</script>
<body>
</body>
</html>
实例结果图
附录1
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script type="text/javascript">
/*
with语句：有了with语句,在存储对象属性和调用方法时候不用重复指定对象了 格式：
with(对象){ }
*/
with(document){
for(var i=0;i<5;i++){
for(var j=0;j<5;j++){
write("* ");//这里本来要写document.write()才能把值打印出到页面上，要想不重复写document，就在with()括号中写上document
}
write("</br>");
}
} function person(id,name){
this.id=id;
this.name=name;
}
document.write("<hr/>");
var p=new person(110,"狗娃");
with(p){
document.write(id+" "+name);//这里本来要p.id和p.name才能获取到值的，要想不重复写p，则在with()括号中写上p即可，然后用大括号括起来
} </script>
<body>
</body>
</html>
附录2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script type="text/javascript">
//需求1：打印出"*"的正方形,5行5列
for(var i=0;i<5;i++){
for(var j=0;j<5;j++){
document.write("* ");
}
document.write("<br/>");
} document.write("<hr/>");//水平线
//需求2：打印出一个正直角三角形,5行5列
for(var i=0;i<5;i++){
for(var j=0;j<=i;j++){
document.write("* ");
}
document.write("<br/>");
} document.write("<hr/>");//水平线
//需求3：打印出一个倒直角三角形,5行5列
for(var i=0;i<5;i++){
for(var j=4;j>=i;j--){
document.write("* ");
}
document.write("<br/>");
} document.write("<hr/>");//水平线
//需求4：打印出一个九九乘法表
for(var i=1;i<10;i++){
for(var j=1;j<=i;j++){
document.write(j+"*"+i+"="+(i*j)+" ");
}
document.write("<br/>");
}
</script>
<body>
</body>
</html>
附录2结果图
|
原创作者：DSHORE 作者主页：http://www.cnblogs.com/dshore123/ 原文出自：https://www.cnblogs.com/dshore123/p/9416306.html 欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！） |
java基础61 JavaScript循环语句之while、do...while、for及for...in循环（网页知识）的更多相关文章
- java基础63 JavaScript中的Number、Math、String、Date对象（网页知识）
本文知识点(目录): 1.Number对象 2.Math对象 3.String对象 4.Date对象 (日历例子) 1.Number对象 1.1.Number对象的创建方式 方式1: ...
- Java基础break、continue语句的用法
break适用范围:只能用于switch或者是循环语句中.当然可以用于增强for循环. break作用: 1. break用于switch语句的作用是结束一个switch语句. 2. break用于循 ...
- Java基础语法（基本语句）
Java基础语法 标识符在程序中自定义的一些名称.由26个英文字母大小写,数字:0-9符号:_&组成定义合法标识符规则:1. 数字不可以开头2. 不可以使用关键字Java中 ...
- java基础之运算符与语句
一.运算符 1.算数运算符 运算符 名称 举例 + 加法 A等于10,B等于3 则A+B=13 - 减法 A等于10,B等于3 则A-B=7 * 乘法 A等于10,B等于3 则A*B=30 / 除法 ...
- java基础58 JavaScript的几种格式和变量的声明方式（网页知识）
1.JavaScript的几种格式 1.1.JavaScript的特点 1.跨平台性 2.安全性.(javaScript代码不能直接访问电脑硬盘上的信息) 1.2.Java与javaScript ...
- C#语句2——循环语句（for穷举、迭代和while循环）
一.for循环拥有两类: (一).穷举: 把所有可能的情况都走一遍,使用if条件筛选出来满足条件的情况. 1.单位给发了一张150元购物卡,拿着到超市买三类洗化用品.洗发水15元,香皂2元,牙刷5元. ...
- java基础59 JavaScript运算符与控制流程语句（网页知识）
1.JavaScript运算符 1.1.加减乘除法 加法:+(加法,连接符,正数) true是1,false是0 减法:- 乘法:* 除法:/ 1.2.比较运算符 ...
- java基础69 JavaScript产生伪验证码（网页知识）
1.伪验证码 <!doctype html> //软件版本:DW2018版 <html> <head> <meta charset="utf-8&q ...
- java基础64 JavaScript中的Arrays数组对象和prototype原型属性（网页知识）
1.Arrays数组对象的创建方式 方式一: var 变量名=new Array(); //创建一个长度为0的数组. 方式二: var 变量名=new Array(长度); //创建一个指定长度的数组 ...
随机推荐
- Centos7搭建redis集群及安装sentinel
准备三个节点,系统版本为CentOS7.3 11.0.8.15 master 11.0.8.16 slave01 11.0.8.17 slave02 1.安装redis # yum install - ...
- java多线程 -- 线程八锁
一个对象里面如果有多个synchronized方法,某一个时刻内,只要一个线程去调用其中的一个synchronized方法了,其它的线程都只能等待,换句话说,某一个时刻内,只能有唯一一个线程去访问这些 ...
- 小技巧--tab键自动补齐Git命令
Git是什么,你不清楚? 好吧,那么该篇内容对你也木有帮助,请绕道而行.. 我们在使用Git命令时,可以通过tab键,自动补齐Git,特别是在切换分支时特别有用. 如下,当我们想将当前分支切换到bug ...
- 解题：CF1009 Dominant Indices
题面 长链剖分模板题 只能按深度统计,同时比DSU on tree难理解一些,但是复杂度少个log 对每个点抓出向下延伸最长的儿子叫做长儿子.在合并时用指针继承信息,对于长儿子O(1)继承,其他儿子暴 ...
- PHP 压缩图片质量
$imageFileName = './test2.jpg';$uploadfile_resize = $imageFileName;$pic_width_max = 1000;$pic_height ...
- 主角场景Shader效果：遮挡透明
基本原理:被遮挡的部分关闭深度写入, 显示透明效果:未被遮挡的部分不关闭深度测试,显示正常贴图效果,即使用两个Pass即可. Pass1:关闭深度写入(ZWrite Off),深度测试渲染较远的物体, ...
- PHP变量的传值和引用
问题: 1.PHP变量的存储.取值方式如何? 2.变量赋值时,普通传值和引用传值分别是什么意思?有何区别? 3.unset被赋值的变量会对两种赋值后原值和新值的影响? 变量的存储.取值形式: 变量 ...
- windows10下基于vs2015的 caffe安装教程及python接口实现
啦啦啦:根据网上的教程前一天安装失败,第二天才安装成功.其实caffe的安装并不难,只是网上的教程不是很全面,自己写一个,留作纪念. 准备工作 Windows10 操作系统 vs2015(c++编译器 ...
- python 调用aiohttp
1. aiohttp安装 pip3 install aiohttp 1.1. 基本请求用法 async with aiohttp.get('https://github.com') as r: a ...
- python中高阶函数与装饰器
高阶函数的定义:传入参数有函数名或者返回值有内置函数名的函数. 最简单的高阶函数: def add(x, y, f): return f(x) + f(y) add(-5, 6, abs) 常用 ...