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é)成績 >89分 被清華大學(xué)錄入
//邏輯與&& 兩個(gè)條件都成立的時(shí)候 才成立
if(sum>400 && math>90){
console.log('清華大學(xué)錄入成功')
}else{
alert('高考失利')
}
//2.模擬 如果總分>400 或者你英語大于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)來 遇到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
//不管有沒有滿足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測試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
欄 目:JavaScript
下一篇:echarts實(shí)現(xiàn)折線圖的拖拽效果
本文標(biāo)題:js數(shù)據(jù)類型轉(zhuǎn)換與流程控制操作實(shí)例分析
本文地址:http://www.jygsgssxh.com/a1/JavaScript/9469.html
您可能感興趣的文章
- 01-10利用JS如何獲取form表單數(shù)據(jù)
- 01-10JS精確判斷數(shù)據(jù)類型代碼實(shí)例
- 01-10JS數(shù)據(jù)類型STRING使用實(shí)例解析
- 01-10微信小程序跨頁面數(shù)據(jù)傳遞事件響應(yīng)實(shí)現(xiàn)過程解析
- 01-10Vuex實(shí)現(xiàn)數(shù)據(jù)共享的方法
- 01-10js正則匹配多個(gè)全部數(shù)據(jù)問題
- 01-10Vue+Node服務(wù)器查詢Mongo數(shù)據(jù)庫及頁面數(shù)據(jù)傳遞操作實(shí)例分析
- 01-10springmvc json類型轉(zhuǎn)換錯(cuò)誤解決方案
- 01-10node.js使用mongoose操作數(shù)據(jù)庫實(shí)現(xiàn)購物車的增、刪、改、查功能示
- 01-10vue中watch和computed為什么能監(jiān)聽到數(shù)據(jù)的改變以及不同之處


閱讀排行
本欄相關(guān)
- 04-02javascript點(diǎn)線,點(diǎn)線的代碼
- 04-02javascript潛力,javascript強(qiáng)大嗎
- 04-02javascript替換字符串,js字符串的替換
- 04-02javascript移出,js 移入移出
- 04-02包含javascript舍的詞條
- 04-02javascript并行,深入理解并行編程 豆瓣
- 04-02javascript匿名,js匿名方法
- 04-02javascript警報(bào),JavaScript警告
- 04-02javascript遮蓋,JavaScript遮蓋PC端頁面
- 04-02javascript前身,javascript的前身
隨機(jī)閱讀
- 01-11ajax實(shí)現(xiàn)頁面的局部加載
- 01-10使用C語言求解撲克牌的順子及n個(gè)骰子
- 08-05織夢dedecms什么時(shí)候用欄目交叉功能?
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 04-02jquery與jsp,用jquery
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10C#中split用法實(shí)例總結(jié)
- 01-10delphi制作wav文件的方法


