js數(shù)據(jù)類型轉(zhuǎn)換與流程控制操作實(shí)例分析
本文實(shí)例講述了js數(shù)據(jù)類型轉(zhuǎn)換與流程控制操作。分享給大家供大家參考,具體如下:
數(shù)據(jù)類型轉(zhuǎn)換:
//number轉(zhuǎn)換成str // var str=a+''; // console.log(str); // console.log(typeof str); //轉(zhuǎn)換成字符串了
var str2=a.toString(); //強(qiáng)制轉(zhuǎn)換成 string console.log(typeof str2);
//str轉(zhuǎn)換成 number var stringNum='789'; var num2=Number(stringNum); console.log(num2); console.log(typeof num2);
//特殊情況 var stringNum='789dejafdf'; var num2=Number(stringNum); console.log(typeof num2); //結(jié)果number console.log(num2); //結(jié)果NaN ;not a number console.log(Boolean(num2));//結(jié)果為False
var c=5/0; console.log(Boolean(c)); //結(jié)果為True
var d; console.log(Boolean(d)); //結(jié)果為False
流程控制
if
var ji = 20; if(ji >= 20){ console.log('恭喜你,吃雞成功,大吉大利') } alert('alex');//下面的代碼還會(huì)執(zhí)行
if (true) { //執(zhí)行操作 }else if(true){ //滿足條件執(zhí)行 }else if(true){ //滿足條件執(zhí)行 }else{ //滿足條件執(zhí)行 }
注意:瀏覽器解析代碼的順序 是從上往下執(zhí)行,從左往右
邏輯與&&、邏輯或||
//1.模擬 如果總分 >400 并且數(shù)學(xué)成績(jī) >89分 被清華大學(xué)錄入 //邏輯與&& 兩個(gè)條件都成立的時(shí)候 才成立 if(sum>400 && math>90){ console.log('清華大學(xué)錄入成功') }else{ alert('高考失利') }
//2.模擬 如果總分>400 或者你英語(yǔ)大于85 被復(fù)旦大學(xué)錄入 //邏輯或 只有有一個(gè)條件成立的時(shí)候 才成立 if(sum>500 || english>85){ alert('被復(fù)旦大學(xué)錄入') }else{ alert('高考又失利了') }
switch
var gameScore = 'better'; switch(gameScore){ //case表示一個(gè)條件 滿足這個(gè)條件就會(huì)走進(jìn)來(lái) 遇到break跳出。break終止循環(huán)。如果某個(gè)條件中不寫 break,那么直到該程序遇到下一個(gè)break停止 case 'good': console.log('玩的很好') //break表示退出 break; case 'better': console.log('玩的老牛逼了') break; case 'best': console.log('恭喜你 吃雞成功') break; default: console.log('很遺憾') }
while
循環(huán)三步走:
1.初始化循環(huán)變量
2.判斷循環(huán)條件
3.更新循環(huán)變量
var i = 1; //初始化循環(huán)變量 while(i<=9){ //判斷循環(huán)條件 console.log(i); i = i+1; //更新循環(huán)條件 }
do_while
//不管有沒(méi)有滿足while中的條件do里面的代碼都會(huì)走一次 var i = 3;//初始化循環(huán)變量 do{ console.log(i) i++;//更新循環(huán)條件 }while (i<10) //判斷循環(huán)條件
for循環(huán)
for(var i = 1;i<=10;i++){ console.log(i) }
雙重for循環(huán)
for(var i=1;i<=3;i++){ for(var j=0;j<6;j++){ document.write('*') } document.write('<br>') }
作業(yè)1 打印直角三角形
*
**
***
****
*****
******
代碼:
for(var i=1;i<=6;i++){ for(var j=1;j<=i;j++){ document.write("*"); } document.write('<br>');
2 等腰三角形
*
***
*****
*******
*********
***********
代碼:
for(var i=1;i<=6;i++){ //行數(shù) //控制我們的空格數(shù) for(var s=i;s<6;s++){ document.write(' ') } for(var j=1;j<=2*i-1;j++){ document.write('*') } document.write('<br>') }
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)的小火箭發(fā)射動(dòng)畫效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的小火箭發(fā)射動(dòng)畫效果,涉及javascript基于時(shí)間函數(shù)的頁(yè)面元素屬性動(dòng)態(tài)變換實(shí)現(xiàn)運(yùn)動(dòng)效果相關(guān)操作技巧,需要的朋友可以參考下2018-12-12Javascript-Mozilla和IE中的一個(gè)函數(shù)直接量的問(wèn)題
Javascript-Mozilla和IE中的一個(gè)函數(shù)直接量的問(wèn)題...2007-01-01javascript實(shí)現(xiàn)簡(jiǎn)單的貪吃蛇游戲
本文很簡(jiǎn)單,給大家分享了一段使用javascript實(shí)現(xiàn)簡(jiǎn)單的貪吃蛇游戲的代碼,算是對(duì)自己學(xué)習(xí)javascript的一次小小的總結(jié),代碼參考了網(wǎng)友的部分內(nèi)容,推薦給大家,希望對(duì)大家能夠有所幫助。2015-03-03javascript 復(fù)雜的嵌套環(huán)境中輸出單引號(hào)和雙引號(hào)
如果簡(jiǎn)單的嵌套一般都是外面用雙引號(hào),則里面用單引號(hào),反之亦同,如果特別負(fù)責(zé)的嵌套大家看下如下的方法。2009-05-05bootstrap Table實(shí)現(xiàn)合并相同行
這篇文章主要為大家詳細(xì)介紹了bootstrapTable實(shí)現(xiàn)合并相同行,fastadmin框架同樣使用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07smartupload實(shí)現(xiàn)文件上傳時(shí)獲取表單數(shù)據(jù)(推薦)
這篇文章主要介紹了smartupload實(shí)現(xiàn)文件上傳時(shí)獲取表單數(shù)據(jù)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12發(fā)布一個(gè)基于javascript的動(dòng)畫類 Fx.js
支持大部分CSS3屬性的動(dòng)畫(可能要指定詳細(xì)的屬性值)。2010-11-11