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");
}

作者:天行健,自强不息

相关文章

  • 深入学习js函数的隐式参数 arguments 和 this

    深入学习js函数的隐式参数 arguments 和 this

    这篇文章主要介绍了 深入学习js函数的隐式参数 arguments 和 this,arguments是一个类数组结构,它保存了调用时传递给函数的所有实参;this是函数执行时的上下文对象, 这个对象有些让人感到困惑的行为。 下面分别对他们进行讨论。,需要的朋友可以参考下
    2019-06-06
  • 浅析JavaScript中的CSS属性及命名规范

    浅析JavaScript中的CSS属性及命名规范

    这篇文章主要介绍了JavaScript中的CSS属性及命名规范。需要的朋友可以过来参考一下,希望对大家有所帮助
    2013-11-11
  • 标准的js无缝滚动效果

    标准的js无缝滚动效果

    这篇文章主要为大家详细介绍了标准的js无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Bootstrap 源代码分析(未完待续)

    Bootstrap 源代码分析(未完待续)

    这篇文章主要为大家详细分析了Bootstrap部分源代码,先提供给大家学习,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • js中将时间戳转化成YYYY-MM-DD HH:mm:ss的3种实现办法

    js中将时间戳转化成YYYY-MM-DD HH:mm:ss的3种实现办法

    最近开发中需要和后端进日期和时间传值,前后端约定为时间戳的格式,但是前端展示需要展示成年-月-日的格式,就需要进行日期和时间转换格式,这篇文章主要给大家介绍了关于js中将时间戳转化成YYYY-MM-DD HH:mm:ss的3种实现办法,需要的朋友可以参考下
    2024-06-06
  • js设计模式之单例模式原理与用法详解

    js设计模式之单例模式原理与用法详解

    这篇文章主要介绍了js设计模式之单例模式原理与用法,结合实例形式详细分析了javascript单例模式的概念、原理、用法及相关操作注意事项,需要的朋友可以参考下
    2019-08-08
  • js 数据类型判断的方法

    js 数据类型判断的方法

    这篇文章主要介绍了js 数据类型判断的方法,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-12-12
  • 函数式 JavaScript(一)简介

    函数式 JavaScript(一)简介

    JavaScript 是一种强大但被误解的语言。关于它到底是一种面向对象的语言还是函数式语言,人们众说纷纭——但是现在让我们把这些争辩都抛到脑后。
    2014-07-07
  • 使用JavaScript switch case 另类写法

    使用JavaScript switch case 另类写法

    在JavaScript里,函数(todoA、todoB、todoC)就是对象,“()”的作用就是就是执行函数对象,二者简单地组合一下就能够让代码清晰简洁很多了,何乐不为呢?
    2010-03-03
  • JS实现手写parseInt的方法示例

    JS实现手写parseInt的方法示例

    这篇文章主要给大家介绍了JS实现手写parseInt的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-09-09

最新评论