首页 > web前端 > js教程 > javascript条件控制语句有哪些

javascript条件控制语句有哪些

醉折花枝作酒筹
发布: 2023-01-06 11:17:13
原创
4404 人浏览过

js条件控制语句有:1、if语句;2、“if … else if … else…”语句;3、switch语句;4、while语句;5、“do…while”语句;6、for语句;7、“for…in”语句;8、with语句。

javascript条件控制语句有哪些

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

if语句:

1

2

3

4

var box=50;

if (box == 50){

    alert("True');

}

登录后复制

if … else if … else…

1

2

3

4

5

6

7

8

9

10

var box = 50;

if (box > 0 && box <60){

    alert("不及格");

}else if (box >=60 && box < 80){

    alert("及格");

}else if (box >= 80 && box <= 100){

    alert("good");

}else{

    alert("数值错误");

}

登录后复制

switch 语句是多重条件判断,用于多个值相等的比较。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

var box = 4;

switch (box){

     case 1:

         alert("one");

         break;

     case 2:

         alert("two");

         break;

     case 3:

         alert("three");

         break;

     default:

         alert("默认值");

         break;

 }                      // 由于case没有可以匹配到4的项,所以使用default中的内容

登录后复制

while 语句是一种先判断后循环的语句,必选先满足条件,才会执行循环体内

1

2

3

4

5

var box = 5;

while(box > 0){

    alert(box);

    box--;

};

登录后复制

do…while 语句是一种先执行后判断的循环语句,也就是说,不管条件是否满足,都至少执行一次循环体内

1

2

3

4

5

var box = 1;

do{

    alert(box);

    box++;

}while (box < 5);

登录后复制

for 语句也是一种先判断,后循环的语句,但他可以在循环之前初始变量

1

2

3

4

5

for (var box=1; box<=5; box++){          //第一步,声明变量 var box = 1;

    alert(box);             // 第二步,判断box <=5;   

    };                  // 第三步,执行循环体内alert(box);

                        // 第四步,box++

                        // 第五步,从第二步开始再次判断执行,直到判断为false停止循环。

登录后复制

for…in 语句是一种精准的迭代语句,可以用来枚举出对象的属性。

1

2

3

4

5

6

7

8

var list = [1, 2, 3, 4, 5];

for (var i in list){

    document.write(i);  //迭代的是数组的下标

};             

var p = {name: "张三", age:18, sex: "男"}; // 创建一个对象,键值对,冒号左边是属性名,右边是值

for (var i in p){

    console.log(i, p[i]);   // 列举出所有的属性和值,循环列举出p,每个i就是p的每个属性名,p[i]就是p[属性名],比如p[name]可以显示出属性为name的那个值。

};

登录后复制

with 语句的作用是将代码的作用域设置到一个特定的对象中。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

var box = {

    name: "张三",

    age: 18,

    sex: ”男",

};

/*从对象里取值赋给变量*/

var a = box.name;

var b = box.age;

var c = box.sex;

 

/*可以将上面三段的赋值操作改为:*/

with (box){

    var a = name;

    var b = age;

    var c = sex;

}                   // 省略了box的对象名

登录后复制

DOM(Document Object Model)文档对象模型

Node(节点)

加载 HTML 页面时,Web 浏览器生成一个树型结构,用来表示页面内部结构。DOM 将这种树型结构理解为由节点组成

当作一个节点的话,那么这些节点组合成了一棵节点树。

节点种类:元素节点,文本节点,属性节点。

1

<div title="属性节点">测试 Div</div>

登录后复制

在这里插入图片描述

【推荐学习:javascript高级教程

以上是javascript条件控制语句有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板