JavaScript基础之流程控制语句

第三部分:流程控制语句

JavaScript代码是书写位置:

JavaScript代码应该写在<script type=”text/javascript”></script>这一对标记中。

或者作为外部引用<script src="JavaScript代码路径"></script>

JavaScript的每一句代码请用分号作为结束。

输出语句

1、控制台输出:console.log();

它可以在控制台中输出一些信息,输出的信息就是console.log()中圆括号的内容。

在调试程序的时候回经常用这个语句。

2、弹出框输出:

alert();

使用alert可以在网页上弹出一个提示框显示alert()的圆括号中的信息。

prompt();

使用prompt可以在网页上弹出一个输入框,并且以prompt()的圆括号中的信息作为提示信息。

confirm();

包含确定和取消的弹出框。

3、页面输出:document.write();

直接会将内容显示在页面上。

选择语句

if....else语句

if(判断条件/boolean值){
//满足条件会执行下面的代码

代码1;

}else {
//当上面的条件不满足,或者boolean的值为false的时候会执行下面的代码2

代码2

}

此外,else后还可以继续加if判断

if(判断条件/boolean值){
//满足条件会执行下面的代码

代码1;

}else if(判断条件) {
//当上面的条件不满足,或者boolean的值为false的时候会执行下面的代码2

代码2

}

else if(判断条件)

。。。。。

else {
最后代码

}

Switch ...case语句

用来判断多个可能出现的值

switch 语句与 if 语句的关系最为密切,而且也是在其他语言中普遍使用的一种流控制语句。

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

default: statement
}

switch 语句中的每一种情形(case)的含义是:“如果表达式等于这个值(value),则执行后面的语句(statement)”。而 break 关键字会导致代码执行流跳出 switch 语句。如果省略 break 关键字,就会导致执行完当前 case 后,继续执行下一个 case。通过为每个 case 后面都添加一个 break 语句,就可以避免同时执行多个 case 代码的情况。

也可以多种情况混合。

switch (i) {
case 25:
/* 合并两种情形 */
case 35:
alert("25 or 35");
break;
case 45:
alert("45");
break;
default:
alert("Other");
}

需要注意的是switch 语句在比较值时使用的是全等操作符,因此不会发生类型转换(例如,
字符串"10"不等于数值 10)。

breakcontinue语句

break是在循环内部结束合格循环。

continue是在循环的内部结束本次循环,开始下一次循环:

循环语句

for循环是反复执行同一段代码。

for(var i = 1; 判断条件; i++){
要循环的代码块:

}

当程序运行到for的时候,会先声明一个变量i,并且赋值为1,判断i是否满足后面的判断条件,如果满足,执行下面的要循环的代码块,代码 块执行完成之后再执行i++,再判断判断条件是否满足,如果满足再次按照上面的流程执行,如果不满足,结束for循环。

for循环还可以用于嵌套,实现复杂的运算,冒泡排序就用到了for循环的嵌套。下面举两个for循环嵌套的例子。

打印直角三角形,

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

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

document.write("☆");

}

document.write("<br/>");

}

打印99乘法表

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

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

document.write(j + "*" + i + "=" + i * j);// 1 * 1 = 1

document.write(" ");

}

document.write("<br/>");

}

for in循环

for-in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。

举个例子

var x

var mycars = new Array()

mycars[0] = "Saab"

mycars[1] = "Volvo"

mycars[2] = "BMW"

for (x in mycars)

{

document.write(mycars[x] + "<br />")

}

while循环

while(判断条件/boolean){
代码块

}

当代码执行到while的时候,会先判断判断条件是否为true,如果为true,那么会执行while大括号中的代码块,代码块执行完毕以后,再次回到while中再进行判断,如果为true,再次执行while大括号中的代码块,并且再次回while,如果为false就不执行。

注意:将来在写代码的时候一定要注意循环的判断条件不能一直为true,否则会成为一个死循环。

do...while循环

do-while 语句是一种后测试循环语句,即只有在循环体中的代码执行之后,才会测试出口条件。
换句话说,在对条件表达式求值之前,循环体内的代码至少会被执行一次。

do {
statement
} while (expression);

do...while语句在开发中并不怎么用,用的最多的还是for循环,以及for循环嵌套。

补充:

Function函数对象

函数申明式

function fn(){

// 函数体

}

函数表达式(匿名函数)

var fn = function(){

// 函数体

}

// fn表示函数名称

// 函数表达式通常又叫匿名函数 因为没有函数名

函数的调用

fn();// 注意:函数只申明不调用是不会执行的

函数的参数

// 申明

function 函数名(形参1,形参2,形参3,){

// 函数体

}

// 调用

函数名(实参1,实参2,实参3);

函数名(实参1);// 这样写也不会有问题

函数名(实参1,实参2,实参3,实参4);// 这样写也不会有问题

// 注意:函数的实参个数可以和形参的个数不同

函数的返回值

function 函数名(){

return 要返回值;

}

// 注意:函数不写返回值时默认的返回值是undefined

函数的递归:函数在内部调用自身函数叫递归

function fn(){

fn();

}

fn();

函数的回调:被当做参数传递的函数叫回调函数

function fn1(){

console.log(“我是回调函数”);

}

function fn2(parameter){

parameter(); // 调用函数

// 这里的parameter是形参 代表传进来的函数fn1

}

fn2(fn1);// fn1就是一个回调函数

时间: 2024-10-11 00:58:18

JavaScript基础之流程控制语句的相关文章

Javascript转义和流程控制语句

Javascript转义符 1.例如,想在页面输出: D:\Desktop\pic\baby.png如何做? D:\\Desktop\\pic\\baby.png 2.常见转义符:\t.\n.\'.\".\\ 3.有个特殊的地方: alert('今天"天气"不错');//要显示中间的双引号,两边使用单引号:相反两边显示双引号. 流程控制语句 if-else.for.while.do-while.switch.continue.break的用法都非常的简单,和C#.java用法

JS基础-语法+流程控制语句+函数+内置对象【数组】

JS语法: Javascript基本数据类型:undefined/null/Boolean/number/string 复杂数据类型:object typeof用来检测变量的数据类型 typeof的使用方法有两种: (1)typeof 变量 (2) typeof(变量) undefined派生自null,所以undefined==null返回的结果是true 用于任何数据类型,Number()可以将非数值转化为数值,但是有一些数据是不能转化为数值的,如果这类数据通过Number()进行强制转化的

再回首,Java温故知新(九):Java基础之流程控制语句

流程控制语句分为条件语句.循环语句和中断语句. 中断语句包括break和continue,两者的区别在于break会跳出整个循环,而continue则是跳出此次循环,之后还会继续下一次循环. 条件语句有两种,使用最多的是if...else这个没有什么难的,按照字面意思走,如果括号中的表达式为true则走if后的语句,如果为false则走else中的语句,其中只有if(){...}部分是必须的,其格式如下: if(boolean表达式1){ //表达式1为true时的操作 }else if(boo

java基础,流程控制语句

流程控制语句 条件语句: if语句: *if(条件 boolean类型){  true } *if(boolean表达式){true}else{false结果} *多重 if  else      if(){}else if(){}else *嵌套if   Switch语句: *switch(表达式){  case:  break;      ...     default:   } 表达式==常量,default可以省略. 循环语句: while语句:while(boolean表达式){循环体

java基础二 &lt;流程控制语句, 方法,数组,java内存结构&gt; 未完待续...

话不多说,直接上干货... 一:流程控制语句 break :  结束当前循环 continue:  结束本次循环,继续下次循环 return:  结束方法 二: 方法 1.方法的特点: 定义在类中的,有特定功能的函数. 方法与方法之间是平级的,不能在方法中定义方法.方法只能够调用方法. 2.方法的重载: 在同一类中,方法名相同,参数列表不同(个数不同,对应的类型不同). 与返回值类型无关. 对应的类型不同的话,与顺序有关系 与形式参数的变量名无关 3.方法的重写: 子类可继承父类中的方法,而不需

Java基础语法 - 流程控制语句

1 package com.demo4; 2 3 /* 4 * 流程控制语句 5 * 流程控制语句分类: 6 * 顺序结构 7 * 代码从上往下按照顺序执行 8 * 9 * 选择结构 10 * if 11 * if (关系表达式1) { 12 * 语句体1; 13 * } else if (关系表达式2) { 14 * 语句体2; 15 * } else { 16 * 语句体3; 17 * } 18 * switch 19 * switch(表达式) { 20 * case 值1: 21 * 语

Java基础学习-流程控制语句

在一个程序执行的过程中,各条语句的执行顺序对程序的结果是有直接影响的.也就是说程序的流程对运行结果有直接的影响.所以,我们必须清楚每条语句的执行流程.而且,很多时候我们要通过控制语句的执行顺序来实现我们要完成的功能. 流程控制语句分类: -顺序结构 -选择结构 -循环结构 1.顺序结构 1.1 顺序结构的概述 是程序中最简单的流程控制,没有特定的语法结构,按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的. 1.2 顺序结构语句的执行流程 开始-->语句A-->语句B-->语

java基础:流程控制语句(选择结构if语句)

(1)顺序结构 从上往下,依次执行 Demo: class ShunXuJieGouDemo { public static void main(String[] args) { System.out.println("程序开始了"); System.out.println("我爱Java"); System.out.println("程序结束了"); } } (2)选择结构        按照不同的选择,执行不同的代码 Java语言提供了两种选

shell基础及流程控制语句之一while循环

前面写过if条件判断,一般在写shell脚本时可能会用到死循环这时就需要while语句了,它是做死循环最好的方法,在讲while循环之前需要讲文件测试,因为在写脚本时经常会用到. 文件测试: -e $file:判断是否存在如果存在则为真,不存在则为假 -f $file:判断是否存在并且为普通文件,存在为真,不存在为假 -d $file:判断是否存在并且为目录,存在为真不存在为假 -h $file:判断是否存在并且为符号链接文件(软连接),存在为真,不存在为假 -L $file:与-h一样不做解释