javascript流程控制語(yǔ)句集合
一、if語(yǔ)句
if語(yǔ)句是最基本的條件判斷語(yǔ)句。根據(jù)表達(dá)式條件來(lái)執(zhí)行相應(yīng)的處理。語(yǔ)法示例如下:
var a=5; //聲明變量a,并賦值為5.
var b; //聲明變量b。
if(a==b){ //判斷,如果a=b,則執(zhí)行下面內(nèi)容
alert("b=5"); //彈窗,b=5.
}
1.a==b是if語(yǔ)句中的條件。
2.alert("a=c")是if語(yǔ)句中的結(jié)果。
此段腳本的含義是:聲明變量a、b,且賦值a=5;當(dāng)a=b時(shí),彈窗b=5。
注:此腳本中大括號(hào)可以省略。
二、if ... else語(yǔ)句
if...else語(yǔ)句是if語(yǔ)句的標(biāo)準(zhǔn)形式。在if的基礎(chǔ)上加上else將使語(yǔ)句更加完整。
此語(yǔ)句語(yǔ)法如下:
var a=5;
var b;
if(a==b){
alert("b=5");
}else { //如果a!=b則執(zhí)行下面內(nèi)容
alert("b!=5");
此段腳本含義是:聲明變量a、b,且賦值a=5;當(dāng)a=b時(shí),彈窗b=5,否則彈窗b!=5。
三、if...else if語(yǔ)句
if...else if語(yǔ)句是if語(yǔ)句的靈活運(yùn)用。
此語(yǔ)句語(yǔ)法如下:
var a=5;
var b;
var c;
var d;
var e;
if(a==b){
alert("b=5")
}else if(a==c){
alert("c=5")
}else if(a==d){
alert("d=5")
}else if(a==e){
alert("e=5")
}else{
alert("b!=5、c!=5、d!=5、e!=5")
}
語(yǔ)法含義:明變量a、b、c、d、e,且賦值a=5;當(dāng)a=b時(shí),彈窗b=5;當(dāng)a=c時(shí),彈窗c=5;當(dāng)a=d時(shí),彈窗d=5;當(dāng)a=e時(shí),彈窗e=5;否則彈窗b!=5、c!=5、d!=5、e!=5。
四、if語(yǔ)句的嵌套使用
if語(yǔ)句可以嵌套到if語(yǔ)句當(dāng)中,我們可以用{}來(lái)區(qū)分外部if與內(nèi)部if。如若不用{}來(lái)確定層數(shù)關(guān)系,可能導(dǎo)致程序代碼的輸出與理想意義完全不同。
語(yǔ)法示例如下:
<script type="text/javascript"> //腳本開(kāi)始
var m=12;n=m; //聲明變量n、m的值都為12
if(m<1){ //外層if,判斷當(dāng)m<1時(shí)執(zhí)行下面內(nèi)容
if(n==1) //內(nèi)層,當(dāng)n等于1時(shí)輸出下面內(nèi)容
alert("當(dāng)m小于1時(shí),n等于1"); //彈窗,當(dāng)m小于1時(shí),n等于1
else //當(dāng)n不等于1時(shí),執(zhí)行下面內(nèi)容
alert("當(dāng)m小于1時(shí),n不等于1"); //彈窗,當(dāng)m不小于1時(shí),n不等于1
}else if(m>10){ //外層else if,判斷外層m>10時(shí)執(zhí)行下面內(nèi)容
if(n==1) //內(nèi)層,如果n等于1,執(zhí)行下面內(nèi)容
alert("當(dāng)m大于10時(shí),n等于1"); //彈窗,當(dāng)m大于10時(shí),n等于1
else //n不等于1時(shí),執(zhí)行下面內(nèi)容
alert("當(dāng)m大于10時(shí),n不等于1"); //彈窗,當(dāng)m大于10時(shí),n不等于1
}
</script> //腳本結(jié)束
到這里if語(yǔ)句的用法基本介紹完畢,以上的語(yǔ)法示例都是最基礎(chǔ)簡(jiǎn)單的,下面給大家一個(gè)利用if語(yǔ)句判斷是否輸入用戶名的例子。
html部分:

JavaScript

結(jié)語(yǔ):本篇主要講了流程控制語(yǔ)句中if語(yǔ)句,包括if的多種用法以及示例。這些都些都是比較簡(jiǎn)單的基礎(chǔ)應(yīng)用。
在后續(xù)的文章中,會(huì)增加核心技術(shù)篇幅。希望大家多多支持。
三.switch語(yǔ)句
var box =1;
switch(box){
case 1:
alert('one');
break;
case 2:
alert('two');
break;
default:
alert('出錯(cuò)');
四.do……while語(yǔ)句
是一種先運(yùn)行,后判斷的循環(huán)語(yǔ)句,至少先運(yùn)行一次循環(huán)體。
五.while語(yǔ)句
先判斷,后運(yùn)行,必須滿足條件,方可運(yùn)行
六.for語(yǔ)句
先判斷,后運(yùn)行,具有在執(zhí)行循環(huán)之前初始化變量和定義循環(huán)后執(zhí)行代碼
七.for……in
var box ={
'name'='caibaojian',
'age'= 24
}
for (var x in box){
alert(x);
}
九.with語(yǔ)句
var box = {
'name' = 'caibaojian',
'age' = 24
}
with(box){ //with(box)可以將box給省略
var n= name;
var a = age;
}
這篇文章就介紹到這了,更多的資料請(qǐng)參考下面的相關(guān)文章。
相關(guān)文章
深入理解JavaScript中的語(yǔ)法和代碼結(jié)構(gòu)
這篇文章主要介紹了JavaScript中的語(yǔ)法和代碼結(jié)構(gòu),對(duì)JS初學(xué)者而言,這些基礎(chǔ)一定要看一下2021-05-05
javascript中的括號(hào)()用法小結(jié)
()作為一個(gè)數(shù)學(xué)運(yùn)算中的基本符號(hào),在計(jì)算機(jī)程序中也被大量使用,最基本的就是提高運(yùn)算優(yōu)先級(jí),JS中也不例外2014-04-04
javascript中的107個(gè)基礎(chǔ)知識(shí)收集整理 推薦
這篇文章對(duì)于初學(xué)者絕對(duì)是個(gè)不錯(cuò)的整理,需要的朋友可以收藏下。2010-03-03
Javascript Throttle & Debounce應(yīng)用介紹
Throttle:無(wú)視一定時(shí)間內(nèi)所有的調(diào)用Debounce:一定間隔內(nèi)沒(méi)有調(diào)用時(shí),接下來(lái)將為大家介紹下Throttle & Debounce的應(yīng)用,感興趣的朋友可以參考下哈2013-03-03
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊(duì)列
在面向?qū)ο蟮某绦蛟O(shè)計(jì)里,一般都提供了實(shí)現(xiàn)隊(duì)列(queue)和堆棧(stack)的方法,而對(duì)于JS來(lái)說(shuō),我們可以實(shí)現(xiàn)數(shù)組的相關(guān)操作,來(lái)實(shí)現(xiàn)隊(duì)列和堆棧的功能,看下面的相關(guān)介紹.2016-01-01
Javascript學(xué)習(xí)筆記之相等符號(hào)與嚴(yán)格相等符號(hào)
本文詳細(xì)介紹了javascript中的相等符號(hào)以及嚴(yán)格相等符號(hào),需要的朋友可以參考下2014-11-11
初學(xué)JS的的小例子 javascript replace高亮替換
初學(xué)JS的的小例子 javascript replace高亮替換...2007-12-12
Javascript中 關(guān)于prototype屬性實(shí)現(xiàn)繼承的原理圖
Javascript中關(guān)于prototype屬性實(shí)現(xiàn)繼承的原理圖2013-04-04

