JavaScript 语句:

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "Hello World":

document.getElementById("demo").innerHTML="Hello World";

1、Javascript 条件语句:

通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语 句来完成该任务。

 在 JavaScript 中,我们可使用以下条件语句:

  • if 语句:只有当指定条件为 true 时,使用该语句来执行代码;
  • if…else 语句:当条件为 true 时执行代码,当条件为为 false 时执行 else 对应代码;
  • if…else if..else 语句:使用该语句来选择多个代码块之一来执行;
  • switch 语句:使用该语句来选择多个代码块之一执行;

(1)if 语句:

javascript语法入门 javascript语句大全_代码块

(2) if…else 语句:

javascript语法入门 javascript语句大全_循环语句_02

(3)if…else if…else 语句:

javascript语法入门 javascript语句大全_迭代_03

(4)switch 语句

switch 语句用于基于不同条件执行不同动作.

 

语法:

语法说明:switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。

 

javascript语法入门 javascript语句大全_javascript_04

工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止 代码自动地向下一个 case 运行。

javascript语法入门 javascript语句大全_循环语句_05

 

二、Javascript 循环语句:

Javascript 中不同类型的循环:

 

for循环是编程语言中一种循环语句,而循环语句由循环体及循环的判定条件两部分组成,for语句结构:

for(初始化变量;循环条件;循环迭代){    

    循环语句 ;

}

For循环 用来重复不断的做一件事。

循环执行流程顺序,如下图所示:

javascript语法入门 javascript语句大全_javascript语法入门_06

语法:

javascript语法入门 javascript语句大全_循环语句_07

说明:

语句 1:代码块开始执行前

语句 2:定义运行循环执行代码块的条件

语句 3:执行代码块之后执行

 

  • for:循环代码块一定的次数;
  • for/in:循环遍历对象的属性;
  • while:当指定条件为 true 时,循环指定的代码块;
  • do/while:同样当指定的条件为 true 时,循环指定的代码块;63
  • for 循环

例:

 

javascript语法入门 javascript语句大全_代码块_08

(2)for/in 循环:

for/in 语句循环遍历对象属性。

例:

javascript语法入门 javascript语句大全_javascript语法入门_09

javascript语法入门 javascript语句大全_代码块_10

(3)while 循环 :

while 循环会在指定条件为真时循环执行代码块。

语法:

javascript语法入门 javascript语句大全_代码块_11

 

例:

javascript语法入门 javascript语句大全_javascript_12

(4)do/while 循环:

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块, 然后如果条件为真的话,就会重复这个循环。

语法:

javascript语法入门 javascript语句大全_循环语句_13

例:

javascript语法入门 javascript语句大全_javascript_14

3、Javascript break 和 continue 语句:

break 语句用于跳出循环。

continue 用于跳过循环中的一个迭代。

例:

break 执行效果,跳出整个循环,不在执行后面的循环:

javascript语法入门 javascript语句大全_javascript语法入门_15

continue 执行效果,跳过循环中的某一次迭代:

javascript语法入门 javascript语句大全_javascript_16

 

 

javascript语法入门 javascript语句大全_代码块_17