JavaScript 学习笔记之语句
作者:hebedich 时间:2024-06-05 09:53:33
一、条件分支语句:if
基本格式:
if (<表达式1>){
<语句组1>
}else if (<表达式2>){
<语句组2>
}else{
<语句组3>
}
执行流程:
二、循环语句
2.1前测试循环语句:在循环体内的代码被执行之前就对出口条件求值。
2.1.1while语句
基本格式:
do {
<语句组>
} while (<表达式>)
执行流程:
2.1.2 for语句
基本格式:
for (<初始表达式>;<条件表达式>;<变动量表达式>){
<语句组>
}
执行流程:
2.2后测试循环语句:在循环体中的代码被执行之后才会测试出口条件。
2.2.1、do-while语句
基本格式:
do {
<语句组>
} while (<表达式>) ;
执行流程:
三、精准的迭代语句:for-in
基本格式:
for ( 属性 in 对象 ){
<语句组>
}
作用:重复执行指定对象的所有属性,可以用来枚举对象的属性。
例子:
<html>
<body>
<p>点击下面的按钮,循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>
如果要表示的对象为null或者undefined,循环体将不再执行,或者抛出错误,因此,在执行for-in循环时,应该先检测改对象的属性值是不是null或者undefined。
四、Lable语句
基本语法:
Label: <语句组>
如: begin: for (var i = 0; i < 10 ; i++ ){
alert(i);
}
举例说明lable语句的作用:
未加lable:
var num = 0;
for (var i = 0 ; i < 10 ; i++){
for (var j = 0 ; j < 10 ; j++){
if( i == 5 && j == 5 ){
break;
}
num++;
}
}
alert(num);//95
加入lable:
var num = 0;
outPoint:
for (var i = 0 ; i < 10 ; i++){
for (var j = 0 ; j < 10 ; j++){
if( i == 5 && j == 5 ){
break outPoint;
}
num++;
}
}
alert(num); //55
第一个例子输出95不难理解,第二个例子为什么输出55呢,是因为执行到break outpoint时,直接跳出到putpoint层,执行alert语句。
如果把第二个例子改成下面这样:
var num = 0;
for (var i = 0 ; i < 10 ; i++){
outPoint:
for (var j = 0 ; j < 10 ; j++){
if( i == 5 && j == 5 ){
break outPoint;
}
num++;
}
};
alert(num);//95
这个结果和第一个例子的结果是一致的。
五、break和continue语句
5.1break语句:
var num = 0;
for (var i = 1 ; i < 10 ; i++){
if(i%5==0){
break;
}
num++;
};
alert(num);//4
break语句执行后跳到alert语句
5.2continue语句:
var num = 0;
for (var i = 1 ; i < 10 ; i++){
if(i%5==0){
continue;
}
num++;
};
alert(num);//8
continue语句执行后跳到for()循环,继续执行循环,直到循环条件不成立。
六、with语句
基本语法:
with (object) {
statements
}
举例说明:
不使用with的写法:
var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;
alert(qs);
alert(hostName);
alert(url);
使用with的写法:
with(location){
var qs = search.substring(1);
var hostName = hostname;
var url = href;
}
alert(qs);
alert(hostName);
alert(url);
从上面例子可以看出:with语句的作用是将代码的作用域设置到一个特定的对象中、减少的重复输入。
但是js的解释器需要检查with块中的变量是否属于with包含的对象,这将使with语句执行速度大大下降,并且导致js语句很难被优化。
因此并不建议大规模使用with语句。
七、swith语句
基本语法:
switch (<表达式>) {
case <数值1>:<语句组1>
break;
case <数值2>:<语句组2>
break;
...
default <语句组>
}
执行流程:
switch语句可以是任何数据类型,每个case的值也不一定是常量,也可以是变量、表达式等,例如:
switch ("hello world") {
case "hello" + " world":
alert("Greeting was found.");
break;
case "goodbye":
alert("Closing was found.");
break;
default:
alert("Unexpected message was found.");
}
var num = 25;
switch (true) {
case num < 0:
alert("Less than 0.");
break;
case num >= 0 && num <= 10:
alert("Between 0 and 10.");
break;
case num > 10 && num <= 20:
alert("Between 10 and 20.");
break;
default:
alert("More than 20.");
}
switch语句在比较时使用的是全等操作符比较,因此不会发生类型转换。
练习:
<script type="text/javascript">
var count = 10;
for (var i=0; i < count; i++){
alert(i);
}
alert(i); //输出什么?
</script>
for(;;){
alert("2");//输出多少次2?
}
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
离线状态下在jupyter notebook中使用plotly实例
![](https://img.aspxhome.com/file/2023/6/65466_0s.jpg)
asp函数收藏
PyCharm配置anaconda环境的步骤详解
![](https://img.aspxhome.com/file/2023/1/105561_0s.jpg)
一个asp版的xheditor上传图片服务器端文件
![](https://img.aspxhome.com/file/UploadPic/20101/11/200982514518-20s.jpg)
Firefox扩展工具:Firebug调试经验与技巧
![](https://img.aspxhome.com/file/UploadPic/200810/31/firebug1-99s.png)
Python正则表达式实现截取成对括号的方法
python 判断一个进程是否存在
解决Python pandas df 写入excel 出现的问题
![](https://img.aspxhome.com/file/2023/6/117626_0s.jpg)
python自动化测试selenium核心技术等待条件教程
![](https://img.aspxhome.com/file/2023/2/103792_0s.jpg)
Python多线程获取返回值代码实例
vue使用canvas绘制圆环
![](https://img.aspxhome.com/file/2023/6/130066_0s.jpg)
Go利用反射reflect实现获取接口变量信息
![](https://img.aspxhome.com/file/2023/5/134165_0s.png)
Python基础之文件操作及光标移动详解
Python实现的简单模板引擎功能示例
Python学习之yaml文件的读取详解
![](https://img.aspxhome.com/file/2023/1/109591_0s.jpg)
Python基于FTP模块实现ftp文件上传操作示例
HTTP缓存之ETag使用经验及效果
mysql利用覆盖索引避免回表优化查询
![](https://img.aspxhome.com/file/2023/1/118191_0s.jpg)
Golang实现HTTP编程请求和响应
![](https://img.aspxhome.com/file/2023/2/134312_0s.jpg)