JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句

 更新时间:2012年02月27日 23:45:40   作者:  
ECMAScript中的语句,学习js的朋友可以参考下
if语句
  语法:
复制代码 代码如下:

if(condition){
statement1;
}
else{
statement2;
}

迭代语句
  1、do-while语句
  语法:
复制代码 代码如下:

do{
statement
}while(expression);

  2、while语句
  语法:
复制代码 代码如下:

while(expression){
statement
}

  3、for语句
  语法:
复制代码 代码如下:

for(initialization;expression;post-loop-expression){
statement;
}

  4、for-in语句
  语法:
复制代码 代码如下:

for(property in expression){
statement
}

  示例:
  用上面四种方法遍历数组:
复制代码 代码如下:

var iArr=new Array(1,2,3,4,5);
var index=0;

//do-while
do{
console.log(iArr[index]);
}while(++index<iArr.length);

//while
index=0;
while(index++<iArr.length){
console.log(iArr[index-1]);
}

//for
for(index=0;index<iArr.length;index++){
console.log(iArr[index]);
}

//for-in
for(x in iArr){
console.log(iArr[x]);
}

有标签的语句
  可以用下列语法给语句加标签,以便以后调用:

label:statement
  例如:

start:var iCount=10;
  这个例子中,标签start可被后来的break语句或continue语句调用

break语句和continue语句

  break和continue都对循环中的代码执行提供了更严格的控制。break语句可以立即退出循环,而continue只是退出当前循环,进入下一次循环。示例:
复制代码 代码如下:

var iNum=0;
for(var i=1;i<10;i++){
if(i%5==0){
break;
}
iNum++;
}
console.log(iNum);//4

iNum=0;
for(var i=1;i<10;i++){
if(i%5==0){
continue;
}
iNum++;
}
console.log(iNum);//8

iNum=0;
outer://标签
for(var i=0;i<10;i++){
for(var j=0;j<10;j++){
if(i==5&&j==5){
break outer;
}
iNum++;
}
}
console.log(iNum);//55

iNum=0;
outer://标签
for(var i=0;i<10;i++){
for(var j=0;j<10;j++){
if(i==5&&j==5){
continue outer;
}
iNum++;
}
}
console.log(iNum);//95

with语句
  with语句用于设置代码在特定对象中的作用域。它的语法如下:
复制代码 代码如下:

with(expression){
statement
}

用法示例:
复制代码 代码如下:

var sMessage="Hello World";
with(sMessage){
console.log(toUpperCase());//HELLO WORLD
}

switch语句
  if语句的姊妹语句是 switch 语句。switch语法如下:
复制代码 代码如下:

switch(expression){
case value1:
statement
break;
case value2:
statement
break;
...
case valueN:
statement
break;
default:
statement
}

ECMAScript中的switch可以用于字符串,示例:
复制代码 代码如下:

var sColor="green";
switch(sColor){
case "red":
console.log("#FF0000");
break;
case "green":
console.log("#00FF00");//#00FF00
break;
default:
console.log("#FFFFFF");
}

作者:天行健,自强不息

相关文章

  • JavaScript 中获取数组最后一个元素方法汇总

    JavaScript 中获取数组最后一个元素方法汇总

    在JavaScript中,获取数组最后一个元素的方法有很多种。今天我们就来汇总一下JavaScript获取数组最后一个元素的几种方法,需要的朋友可以参考下
    2023-02-02
  • 详解JavaScript的定时器

    详解JavaScript的定时器

    这篇文章主要为大家介绍了JavaScript的定时器 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • 通过js给网页加上水印背景实例

    通过js给网页加上水印背景实例

    这篇文章主要介绍了通过js给网页加上水印背景实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,,需要的朋友可以参考下
    2019-06-06
  • javascript中$(function() {});写与不写有哪些区别

    javascript中$(function() {});写与不写有哪些区别

    javascript中$(function() {....}) 是jQuery中的经典用法,等同于 $(document).ready(function() {....}) javascript中$(function() {});写与不写有哪些区别,需要的朋友可以参考下
    2015-08-08
  • js将键值对字符串转为json字符串的方法

    js将键值对字符串转为json字符串的方法

    下面小编就为大家分享一篇js将键值对字符串转为json字符串的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • JavaScript获得input元素value值的方法

    JavaScript获得input元素value值的方法

    在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,今天给大家分享两种JavaScript获得input元素value值的方法,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • JavaScript中Promise的使用方法实例

    JavaScript中Promise的使用方法实例

    现在不会用Promise都不好意思说自己是前端,下面这篇文章主要给大家介绍了关于JavaScript中Promise使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • JavaScript简单编程实例学习

    JavaScript简单编程实例学习

    在本篇文章里小编给大家整理的是关于JavaScript简单编程实例学习内容,有兴趣的朋友们可以参考下。
    2020-02-02
  • javascript获取所有同类checkbox选项(实例代码)

    javascript获取所有同类checkbox选项(实例代码)

    javascript获取所有同类checkbox选项的简单实例。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JavaScript中的普通函数和箭头函数的区别和用法详解

    JavaScript中的普通函数和箭头函数的区别和用法详解

    这篇文章主要介绍了JavaScript中的普通函数和箭头函数的区别和用法详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03

最新评论