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

JavaScript

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

