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é)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
ES6如何將?Set?轉(zhuǎn)化為數(shù)組示例詳解
這篇文章主要為大家介紹了ES6如何將?Set?轉(zhuǎn)化為數(shù)組的方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12
解決input輸入框僅支持輸入數(shù)字及兩位小數(shù)點(diǎn)的限制
這篇文章主要為大家介紹了解決input輸入框僅支持輸入數(shù)字及兩位小數(shù)點(diǎn)的限制技巧示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
php register_shutdown_function函數(shù)詳解
register_shutdown_function() 函數(shù)可實(shí)現(xiàn)當(dāng)程序執(zhí)行完成后執(zhí)行的函數(shù),其功能為可實(shí)現(xiàn)程序執(zhí)行完成的后續(xù)操作,需要的朋友可以參考下2017-07-07
基于Node.js的JavaScript項(xiàng)目構(gòu)建工具gulp的使用教程
也許你使用過grunt,那么這里來安利gulp的話就更加不會(huì)陌生了,下面我們就來看一下基于Node.js的JavaScript項(xiàng)目構(gòu)建工具gulp的使用教程2016-05-05

