Chinaunix首页 | 论坛 | 博客
  • 博客访问: 504035
  • 博文数量: 61
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 677
  • 用 户 组: 普通用户
  • 注册时间: 2019-10-09 17:06
文章分类
文章存档

2020年(7)

2019年(54)

我的朋友

分类: Java

2019-12-24 14:12:48

JS有以下四类循环

一、while循环

二、do-while循环

三、for循环

四、for-in循环

首先咱们聊一下什么是循环?
毋庸置疑根据字面意思来看:循环就是重复的运行一段代码!

举个栗子:

//比如我们要输出100hello world

//作为初学者:

console.log("hello world");

console.log("hello world");

console.log("hello world");

···

//难道我们就要这么写100次输出语句吗?

//当然是不!js代码讲究 “高内聚、低偶合” 就是我们把重复的代码提取出来写少量的代码来替代这样不仅能提高js性能问题,同时也比较好维护和阅读代码;

我们知道了什么是循环那么我们先看第一个循环语句while循环。

while循环的语法:while(条件){ 代码块(循环体) }
举个栗子:

var i = 0;

while(i < 100){

console.log("hello world");

i++;

}

//这段代码就很好的解决了以上的问题输出100hello world

for循环语法:for(初始化表达式; 条件; 条件改变表达式){ 循环体 }
举个栗子:

for (var i = 0; i < 100; i++) {

console.log("hello world");

}

//for循环也解决了以上问题。

//但是我们平常用外汇返佣最多,whiledo-while这两个循环很少用

//由于for用的比较多,所以在这里多写几个for循环的练习供大家参考~

1、输出1100的所有数字

for (var i = 1; i <= 100; i++) {

//在循环体中,i的值从1变化到100

     console.log(i);

}

 

2、输出 100-1 的所有数字

for (var i = 100; i >= 1; i--) {

 console.log(i);

}

 

3、输出 1-100 的所有奇数

for (var i = 1; i <= 100; i++) {

//判断i是不是奇数

    if (i % 2 !== 0) {

     console.log(i);

    }

}

说到这里我不得不说一下关于循环的两个关键字:breakcontinue
什么意思呢?
break:跳出循环;
continue: 停止当前循环体,进入下一次循环。
举个栗子:

//先说continue

for (var i = 0; i < 10; i++) {

if (i == 3) {

continue;

}

console.log(i);

}

//这段代码的意思循环010数字,如果i 3的时候--跳出当前循环,进入下一次循环;也就是不打印3 直接从4开始打印

答案:0 1 2 4 5 6 7 8 9

 

//再说break

for (var i = 0; i < 10; i++) {

if (i == 5) {

break;

}

console.log(i);

}

//就是说当循环到4的时候 不在循环了 跳出循环

答案:0 1 2 3 4

for-in循环语法:for(var prop in 对象){ //循环体 }
判断某个属性在对象中是否存在
举个栗子:

var arr = ["abc", "bcd", "234", 54, 2, 1];

 

for (var index in arr) {

     console.log(index, arr[index]);

}

//得出相应数组的下标或叫做索引;

 

阅读(4725) | 评论(0) | 转发(0) |
0

上一篇:python+ffmpeg

下一篇:Android 长按弹出菜单栏

给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册