网站前端_JavaScript.0006.JavaScript流程控制

if语句:

说明: 对于if语句括号里的表达式,Js会自动调用Boolean()转型函数将这个表达式的结果转换为一个布尔值,如果为true就执行语句块里的代码段


var userScore = 100
// 第一种形式: 如果语句块只有一句,可省略{}
if(userScore > 90) console.log("your score level is A.")
// 第二种形式: 如果语句块只有多句,可包含{}
if(userScore > 90){
    console.log("your score level is A.")
}else if(userScore > 80){
    console.log("your score level is B.")
}else if(userScore > 70){
    console.log("your score level is C")
}else if(userScore > 60){
    console.log("your score level is D")
}else {
    console.log("your score level is F")
}


switch语句:

说明: switch语句是多重条件判断,用于多个值相等的比较,但是注意一定要break每个分支,其实可以用if来完全代替


var isActive = 0
switch(isActive){
    // 相当于if语句的等值判断,支持多个case等同值判断,但是千万不要忘记break
    case 0:
        console.log("未激活状态")
        break
    case 1:
        console.log("已激活状态")
        break
    // 相当于if语句中的else,否则的意思,但是千万不要忘记break
    default:
        console.log("未知的状态")
        break
}


do while语句:

说明: do...while语句是一种先运行后判断的循环语句,也就是说不管条件是否满足,至少运行一次循环体


var count = 0
do {
    count++
    console.log(count)
} while(count<10)


while 语句:

说明: while语句是一种先判断,后运行的循环语句,必须满足条件方可运行循环体


var count = 0
while(count < 10){
    count++
    console.log(count)
}


for语句:

说明: for语句也是一种先判断,后运行的循环语句,但它具有在执行循环之前初始化变量和定义循环后要执行代码的能力


for(var i=1; i<=9; i++){
    var curLine = ‘‘
    for(var j=1; j<=i; j++){
        curLine += i + ‘x‘ + j + ‘=‘ + i*j + ‘\t‘
    }
    console.log(curLine + ‘\n‘)
}


注意: for循环的执行顺序是第一步var i=1,第二步 i<=9,第三步循环体里面的内容,第四步 i++,第五步 i<=9,第六步循环体里面的内容,以此类推,这个一定要明白

for..in语句:

说明: for...in语句是一种精确的迭代语句,常常用来枚举对象的属性,然后获取属性值


var userInfo = {
    userName: "李满满",
    userAge: 25,
    userSex: "男"
}
for(key in userInfo){
    console.log(key, ‘->‘, userInfo[key])
}


break和continue语句:

说明: break和continue语句用于在循环中精确地控制代码的执行,其中break语句会立即退出循环,强制继续执行循环体后面的语句,而continue语句退出当前循环,继续后面的循环


for(var i=1; i<9; i++){
    if(i%2==0) continue
    console.log(i)
}
console.log(‘---------‘)
for(var i=1; i<9; i++){
    if(i%2==0) break
    console.log(i)
}


with语句:

说明: with语句的作用是将代码的作用域设置到一个特定对象中,可以在代码块儿中引用对象的任意属性


var userInfo = {
    userName: "李满满",
    userAge: 25,
    userSex: "男"
}
with(userInfo){
    // 可以直接引用对象的任意属性
    var name = userName,
        age = userAge,
        sex = userSex
    console.log(name, age, sex)
}


本文出自 “ζ自动化运维开发之路ζ” 博客,请务必保留此出处http://xmdevops.blog.51cto.com/11144840/1846124

时间: 2024-10-18 06:52:01

网站前端_JavaScript.0006.JavaScript流程控制的相关文章

网站前端_JavaScript.0012.JavaScript深入对象

基本类型: 说明: 基本类型变量主要在栈内存中保存变量名+变量值,变量赋值时解析器如果认定此值为基本类型,则分配固定大小的空间,基本类型包括Undefined, Null, Boolean, Number, String的字面值对象,称为基本类型对象 var name = '李满满' // 在栈内存中复制一份"李满满"给newName var newName = name newName = '刘珍珍' // 由于赋值的副本和原来的数据没半毛钱关系,所以任何一个基本类型的变量都不会改变

网站前端_JavaScript.0001.JavaScript简单概述

简单说明: 1. JavaScript问世之前表单数据验证都是通过服务端验证,又由于拨号上网年代服务器验证非常慢,JavaScript的横空出世完美解决了此问题,完美支持客户端表单验证 2. 经过多年发展,JavaScript从一个简单的输入验证成为一门强大的面向对象,解释型,事件驱动的程序设计语言,目前主要用来验证发往服务器的数据,增加Web互动,加强用户体验度等 历史回顾: 1. 1995年网景和SUN开发出JavaScript脚本语言,微软眼红随即开发出一个JavaScript的克隆版,叫

网站前端_JavaScript.0002.JavaScript快速使用

<script></script> 说明: 用于在html页面中插入js的主要方法 属性名称 属性说明 src 表示包含要执行代码的外部文件,常用来引用外部的js文件 type 表示代码使用的脚本语言的内容类型 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript快速使用</title> </hea

网站前端_JavaScript.0008.JavaScript对象数组

对象简介: 说明: 类/类型是一种数据结构,用于将数据和功能组织在一起,虽然Js是一种面向对象的语言,却不具备传统面向对象那样可以自定义类结构 对象相关: 说明: Object实例虽然不具备多少功能但对于应用程序中的存储和传输数据而言,确实是非常理想的选择 // 创建对象 //          - 第一种方式 var newObj = new Object() //          - 第二种方式 var newObj = new Object //          - 第三种方式 var

网站前端_JavaScript.0003.JavaScript语法变量

语法构成: 1. JavaScript中的一切(变量,函数名,操作符等)都是区分大小写的 2. JavaScript中的标识符(变量,函数,属性名称,函数参数名称),首字符必须为字母/下划线/美元符号$,其它字符可以为字母/数字/下划线 3. JavaScript中不能把关键字/保留字/true/false/null作为标识符 代码注释: 说明: JavaScript使用C风格的注释,包含单行注释(//)和多行注释(/**/) 变量相关: 1. JavaScript的变量是松散型(可用来保存任何

网站前端_JavaScript.0013.JavaScript包装类型

简单介绍: 说明: Js提供了三个特殊的引用类型:Boolean, Number, String,当作为基本类型对象赋值给变量时,后台会创建一个对应的基本包装类型的对象,从而能够调用一些方法来操作这些类型的数据 // 字面量创建 var content = 'i love you!' var subContent = content.substring(2) console.log(subContent) // new String创建 var content = new String('i l

网站前端_JavaScript.0005.JavaScript运算表达

一元运算符: 1.递增++递减-- var userAge = 25 console.log(     // 25 - 保持原样     userAge,     // 26 - 在原来的基础上加1并返回     ++userAge,     // 25 - 在原来的基础上减1并返回     --userAge,     // 25 - 先返回再在原来的基础上减一     userAge++,     // 26 - 线返回再在原来的基础上减一     userAge-- ) 2.前置后置区别

网站前端_JavaScript.0007.JavaScript函数相关

函数简介: 说明: 函数是定义一次但可以多次调用或执行任意多次的一段Js代码,函数有时会有参数,即函数被调用时指定了值的局部变量,函数常常使用这些参数来计算一个返回值. 函数声明: 说明: 函数可以封装任意多条语句,而且可以在任意地方,任意时候调用执行,函数声明用function关键字声明,后跟着一组参数以及函数体 // 无需传参的函数 function calcResult(){     console.log('只有函数被调用,我才会被执行!') } // 调用函数 - 无需传参 calcR

网站前端_JavaScript.0009.JavaScript日期时间

日期类型: 说明: Js提供了Date类型来处理时间和日期,Date类型内置一些列获取或设置日期时间信息的方法,日期类型初始化参数以时间戳保存 // 创建日期对象, 默认当前时间对象,支持初始化,但必须能够解析 var newDate = new Date() console.log(newDate) var newDate = new Date('8/30/2016') console.log(newDate) var newDate = new Date('August 30, 2016')