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

所属分类: 网络编程 / JavaScript 阅读数: 671
收藏 0 赞 0 分享
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");
}

作者:天行健,自强不息
更多精彩内容其他人还在看

Vue组件选项props实例详解

父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息。本文将详细介绍Vue组件选项props,需要的朋友可以参考下
收藏 0 赞 0 分享

javascript将url解析为json格式的两种方法

本篇文章主要介绍了javascript将url解析为json格式的两种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

详解JS数组Reduce()方法详解及高级技巧

reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素。接下来通过本文给大家分享JS数组Reduce()方法详解及高级技巧,一起看看吧
收藏 0 赞 0 分享

JS模拟超市简易收银台小程序代码解析

本文通过实例代码给大家介绍了JS模拟超市简易收银台小程序代码,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
收藏 0 赞 0 分享

JavaScript 完成注册页面表单校验的实例

下面小编就为大家带来一篇JavaScript 完成注册页面表单校验的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

简单的网页广告特效实例

下面小编就为大家带来一篇简单的网页广告特效实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue内容分发slot(全面解析)

下面小编就为大家带来一篇Vue内容分发slot(全面解析)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue自定义事件(详解)

下面小编就为大家带来一篇Vue自定义事件(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Mui使用jquery并且使用点击跳转新窗口的实例

下面小编就为大家带来一篇Mui使用jquery并且使用点击跳转新窗口的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

深入理解ES6的迭代器与生成器

本篇文章主要介绍了深入理解ES6的迭代器与生成器,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多