您现在的位置是:网站首页>Javascript编程Javascript编程

详解JavaScript中的流程语句

少儿编程网2020-02-15 19:07:59Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介本文给大家带来详解JavaScript中的流程语句,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。一开篇概述本讲主要讲解JavaScript流程语句,其大致内容包括如下:其中,常用的if,while,do..while,for在本片文章就不论述,重点论述for..in..,labe

本文给大家带来详解JavaScript中的流程语句,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

 3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

一 开篇概述3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

本讲主要讲解JavaScript流程语句,其大致内容包括如下:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

其中,常用的if,while,do..while,for在本片文章就不论述,重点论述for..in..,label,break和continue,whth,switch等语句3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

二 内容区3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(一)常用语句3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

由于如下语句比较通用,本篇文章就不再论述3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

1.条件语句3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

if语句3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

2.循环语句3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

while语句,do.while语句,for语句3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(二) for..in..语句3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

1.定义3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

for...in...,是一种迭代语句,用来枚举对象的属性,其语法定义为:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

for (propName in expression) statement

基于在JavaScript开发中"能使用局部变量,就不要使用全局变量"原则, 建议将propName属性定义为局部变量,如下所示:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

for (var propName in expression) statement

2.注意点3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(1)for....in是用来枚举对象属性的,而不是枚举对象属性值。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

例子1:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下例子,for..in..输出的是数组索引(即数组属性),而不是数组索引值。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var i = 5;
    var arr = new Array();

    for (var n = 0; n < i; n++) {
        arr[n] = i;
    }

    for (var propName in arr) {
        alert(propName);// 0,1,2,3,4
    }

例子2:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下例子,for..in..输出的是对象userInfo的属性(name,age,address),而不属性值(Alan_beijing,38,china-shanghai)3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var userInfo = { name: 'Alan_beijing', age: 38, address: 'china-shanghai' };
for (var property in userInfo) {
alert(property);//name,age,address5     
}

(2)for..in..枚举属性,没有确定的顺序,不同的浏览器,会有所差别。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(3)ECMAScript5版本之前,如果被迭代对象变量值null或undefined,for语句会抛出错误,ECMAScript5之后,这种情况不会抛出错误,但不执行循环体。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(三) label3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

1.定义3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

在JavaScript中,label语句表示标签语句,通常与循环语句使用,表示循环语句跳转到指定位置。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

1 label:statement

例1:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下代码包含一个label语句outermost,其内容为两个嵌套的循环体,当循环体执行到1==5且j==5时,break语句将跳转到outermost语句继续执行。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var num = 0;
    outermost:
    for (var i = 0; i < 10; i++) {
        for (var j = 0; j < 10; j++) {
            if (i == 5 && j == 5) {
                break outermost;
            }
            num++
        }
    }
    alert(num);//55

(四) break和continue3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

1.定义3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

break和continue都表示在循环体中,根据特定的条件退出循环体,但两者又存在区别,break表示退出整个循环体,continue表示退出满足条件的该次循环体。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

例子1:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下代码,当执行i=5时,就退出整个循环体。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var num = 1;
    for (var i = 1; i < 10; i++) {
        if (i % 5 == 0) {
            break;
        }
        num++;
    }
    alert(num);//5

例子2:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下代码,当执行i=5时,退出本次循环,然后返回for语句开头,继续执行。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var num = 1;
    for (var i = 1; i < 10; i++) {
        if (i % 5 == 0) {
            continue;
        }
        num++;
    }
    alert(num);//9

2.注意点3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(1)break和continue跳出循环体时,表示只跳出直接所在循环体,而不是除了直接循环体外的其他循环体。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

例子1:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下例子,break只跳出直接循环体3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

例子2:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下例子,continue只跳出直接循环体3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var num = 0;
    for (var i = 0; i < 10; i++) {
        for (var j = 0; j < 10; j++) {
            if (i == 5 && j == 5) {
                continue;
            }
            num++
        }
    }
    alert(num);//99

2.break和continue一般结合标签语句运用,表示跳转到指定位置3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

例子:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下代码,当执行到i=5 && j==5时,就跳到标签语句outermost处,继续执行。这里需要注意的是,JavaScrip没有块级作用域,因此在for语句外部是能够访问变量i的3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var num = 0;
    outermost:
    for (var i = 0; i < 10; i++) {
        for (var j = 0; j < 10; j++) {
            if (i == 5 && j == 5) {
                break outermost;
            }
            num++
        }
    }

    alert(num);//55

(五) with3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

1.定义3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

with语句将代码作用域设定到特定对象中,其主要目的是简化多次编写同一对象,提高复用。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

1 with (expression) statement

例子:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下代码定义了一个获取用户信息函数,在函数体内new了一个person对象,且定义两个属性(name和address),然后将person对象with起来。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

function GetUserInfo() {
        var person = new Object();
        person.name = "Alan_beijing";
        person.address = "China-shanghai";
        with (person) {
            return name +","+ address;
        }
    }
    alert(GetUserInfo());//Alan_beijing,China-shanghai

2.注意点3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(1)在JavaScript开发中,慎用with语句,主要原因有二:其一是with语句影响性能;其二是with语句在严格模式下,会出错3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(2)with语句将公有对象括起来,从而提高代码简洁度和提高代码复用性3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(3)在执行with语句体内查找变量时,先看with体内是否存在所查找变量,若不存在,再查找with括起来的变量是否有要查找的属性。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下例子更好地体现这一原则:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

function GetUserInfo() {
        var person = new Object();
        person.name = "Alan_beijing";
        person.address = "China-shanghai";
        person.age = 35;
        with (person) {
            var sex = "男";
            var age = 40;
            return name + "," + sex + "," + age +","+ address;
        }
    }
    alert(GetUserInfo());//Alan_beijing,男,40,China-shanghai

(六) switch3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

1.定义3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

switch语句就是我们平时所说的开关语句,它非常适用于多条件情况。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

switch (expression) {
        case value: statement
            break;
        case value: statement
            break;
        default:statement
    }

例子:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

如下代码,根据城市名称,查询城市类别3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

//根据不同城市,判断其属于几线城市
    function CityType(address) {
        switch (address) {
            case "Shanghai": alert("中国一线城市");
                break;
            case "Shenzhen": alert("中国一线城市");
                break;
            case "Beijing": alert("中国一线城市");
                break;
            default: alert("中国非一线城市");
        }
    }

    CityType("Shenzhen");//中国一线城市

2 注意点3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(1)switch本质与if是一样的,都是解决多条件多分支问题;3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

(2)使用switch语句的真正目的是避免使用过多的if..else if ...else....语句;3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

三 总结3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

本篇文章主要结合代码介绍了JavaScript的流程语句及其使用,重点结束了with,switch,for...in..,label,break和continue等语句,需要注意的是,在JavaScript中,流程语句都没有块级作用域,至于什么是块级作用域,将在接下来的文章中与大家分享。3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程!3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

相关推荐:3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

JavaScript图文教程3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

JavaScript在线手册3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

以上就是详解JavaScript中的流程语句的详细内容,更多请关注少儿编程网其它相关文章!3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

来源:php中文网3pR少儿编程网-Scratch_Python_教程_免费少儿编程学习平台


相关文章:

支持一下 ( )

详解JavaScript中的流程语句

      匿名评论
    • 评论
    人参与,条评论
    详解JavaScript中的流程语句

客服在线

服务时间

周一至周日 9:00-21:00