5.25日初學(xué)JS+案例

//三種輸出方式:

//? ? alert();//頁(yè)面彈框

//? ? document.write();//在頁(yè)面打印出

//? ? console.log();//在控制臺(tái)輸出

//輸入方式:

//? ? var a=Number(prompt('請(qǐng)輸入第一個(gè)數(shù)'));

//? ? var b=Number(prompt('請(qǐng)輸入第二個(gè)數(shù)'));

//? ? alert(a+b);

// 1、加引號(hào)字符串string;

// 2、不加引號(hào)數(shù)字number;

// 3、布爾:boolean 可以數(shù)字可以字符串

// 只有兩個(gè)值 true真 false假

// var boo1=true;

// var bool=false;

// 在做運(yùn)算的時(shí)候會(huì)轉(zhuǎn)換為

// true=1;

// false=0;

// true+5=6;

// 4、undefined:未定義的

// 一、聲明沒(méi)有被賦值

// var undefined1;

// console.log(undefined1)

// 二、直接輸入未聲明的變量會(huì)報(bào)錯(cuò)

// console.log(undefined2)

// 5、null 空

// 6、object 對(duì)象

//隱式轉(zhuǎn)換

// (1)number+number

// var a=5;

// var b=2;

// console.log(a+b);

// 出來(lái)結(jié)果是7

// (2)number+string? 拼接

// var a=3;

// var b="4";

// console.log(a+b);

// 出來(lái)結(jié)果是34

// var a=3;

// var b="hello world"

// console.log(a+b);

// 出來(lái)的結(jié)果是3hello world

// (3)number+boolean

// var a=3;

// var b=true;

// console.log(a+b);

// 出來(lái)的結(jié)果是4

// var a=3;

// var b=false;

// console.log(a+b)

// 出來(lái)的結(jié)果是3

//? (4)String+undefined 轉(zhuǎn)換為字符串進(jìn)行拼接

//? ? var a="3"

//? ? var b;

//? ? console.log(a+b)

//? ? (5)number+undefined 出現(xiàn)NaN:not a number數(shù)據(jù)類型:number

//? ? ? ? var a=5;

//? ? ? ? var b;

//? ? ? ? console.log(a+b)

//typeof:判斷數(shù)據(jù)類型

//isNaN:是? ? 不是一個(gè)數(shù)字? ? ? ? 是他確實(shí)不是一個(gè)數(shù)字

//作用:判斷一個(gè)非數(shù)字

//如果是數(shù)字返回一個(gè):false;

//如果不是一個(gè)數(shù)字返回:true;

//var a=3;

//var b="hello";

//console.log(isNaN(a))//false

//console.log(isNaN(b))//true

//聲明提前:聲明變量沒(méi)有賦值

//console.log(a)

//var a=3;

//var a;

//console.log(a)

//a=3;

//顯示轉(zhuǎn)換/強(qiáng)制轉(zhuǎn)換(轉(zhuǎn)換函數(shù))

//parseInt();//轉(zhuǎn)換成整數(shù)沒(méi)有四舍五入的功能

//var a="5.9";

//var b=parseInt(a);

//console.log(typeof a);

//顯示number 5;

//parseFloat();//轉(zhuǎn)換成小數(shù)

//var a="1.01";

//var b=parseFloat(a);

//console.log(b);

//console.log(typeof b);

//顯示number 1.01;

//Number();轉(zhuǎn)換成Number類型

//var a="5";

//var b=Number(a);

//console.log(b);

//console.log(typeof b);

//顯示5? number;

//toString();轉(zhuǎn)換成字符串類型

//var a="true";

//var b=a.toString();

//console.log(b);

//console.log(typeof b);

////toFixed();按要求保留小數(shù)位數(shù),有四舍五入的功能

//var a=14.596;

//var b=a.toFixed(4);

//console.log(b);

//console.log(typeof b);判斷為字符串;

//()里寫(xiě)幾保留幾位小數(shù);

////運(yùn)算符:

//一、算術(shù)運(yùn)算符

//+ - * /

//%:模 兩個(gè)數(shù)相除的余數(shù)

//例子:3%2=1

//? ? 5%3=2

//? ? 10%3=1

//? ? 3%5=3

//++:自增操作,增量為一

//++在前(自增加一,再賦值)

//例子:

//? ? var a=3;

//? ? var b=++a;

//? ? console.log(a);//4

//? ? conaole.log(b);//4

//++在后(先賦值,再加一)

//例子:

//? ? var a=3;

//? ? var b=a++;

//? ? console.log(a);//4

//? ? console.log(b);//3

//--:減量操作,減量為一

//--在前(自減減一,再賦值)

//例子:

//? ? var a=3;

//? ? var b=--a;

//? ? console.log(a);//2

//? ? conaole.log(b);//2

//--在后(先賦值,再減一)

//例子:

//? ? var a=3;

//? ? var b=a--;

//? ? console.log(a);//2

//? ? console.log(b);//3

//練習(xí):

//? ? var a=5;

//? ? var b=a++ + ++a + a++;

//? ? console.log(a);//8

//? ? console.log(b);//19

//? ?

//? ? var a=5;

//? ? var c=--a + a-- - --a;

//? ? console.log(a);//2

//? ? console.log(c);//6

//關(guān)系運(yùn)算符:返回布爾值 true false

//? ? <? >? <=有一值true 即true? >=有一值true 即true

//? ? ==//只判斷值是否相等 只判斷值是否相等,與數(shù)據(jù)類型無(wú)關(guān)

//? ? !==//不相等

//? ? ===//全等? 數(shù)值和數(shù)據(jù)類型必須都相等

//? ? !===//

// **=一個(gè)等號(hào)是賦值//例子:// var a=5;// var b=3;// var c='5';// console.log(a>b);true// console.log(a=b);true

//? ? console.log(a<=b);false

//? ? console.log(a==c);true

//? ? console.log(a===c);false

//邏輯運(yùn)算符:

//? ?

//? ? 與(或,且)&&? ? ? ? 有假且(&&)為假,有真或(||)為真;

//? ? 或? ? ? ? ||

//? ? 非:取反? !

//例子:

//? ? var a=5;

//? ? var b=6;

//? ? var c=7;

//? ? var d=true;

//? ? console.log((a>b)&&(b>a));//false

//? ? console.log((a>b)||(b>a));//true

//? ? console.log(!d);//false;


//三目運(yùn)算符(三元):

//? ? 條件?

//例子:

//? ? var score=prompt ('請(qǐng)輸入成績(jī)');

//? ? var result=score>=60?'合格':'不合格';

//? ? alert(result);

//例子:

//? ? var a=prompt('請(qǐng)輸入你的睡眠時(shí)間');

//? ? var b=a>=8&&a<10?'正常':'不正常';

//? ? alert(b);

//分支結(jié)構(gòu):

//1.if.....語(yǔ)句:

//? (條件){

//? ? //條件為true的時(shí)候執(zhí)行的語(yǔ)句;

//}

//var a=prompt('請(qǐng)輸入第一個(gè)數(shù)');

//var b=prompt('請(qǐng)輸入第二個(gè)數(shù)');

//if(a>=b){

//? ? alert('確實(shí)a>=b');

//}

//2.if.....else...語(yǔ)句:

//if(條件){

//? ? //條件為true的時(shí)候執(zhí)行的語(yǔ)句

//}else{

//? ? //條件為false的時(shí)候執(zhí)行的語(yǔ)句

//}

//例子:

//? ? var a=prompt('請(qǐng)輸入成績(jī)');

//? ? if(a==100){

//? ? ? ? alert('國(guó)外三日游');

//? ? }else{

//? ? ? ? if(a>=90){

//? ? ? ? ? ? alert('國(guó)內(nèi)三日游');

//? ? ? ? }else{

//? ? ? ? ? ? if(a>=80){

//? ? ? ? ? ? ? ? alert('省內(nèi)三日游');

//? ? ? ? ? ? }else{

//? ? ? ? ? ? ? ? if(a>=70){

//? ? ? ? ? ? ? ? ? ? alert('滄州三日游');

//? ? ? ? ? ? ? ? }else{

//? ? ? ? ? ? ? ? ? ? if(a>=60){

//? ? ? ? ? ? ? ? ? ? ? ? alert('室內(nèi)三日游');

//? ? ? ? ? ? ? ? ? ? }else{

//? ? ? ? ? ? ? ? ? ? ? ? alert('兩個(gè)大嘴巴子');

//? ? ? ? ? ? ? ? ? }

//? ? ? ? ? ? }

//? ? ? ? }

//? ? }

//}

//3.else if() 多重條件語(yǔ)句

//例子:

//? ? var a=prompt('請(qǐng)輸入成績(jī)');

//? ? if(a==100){

//? ? ? ? alert('國(guó)外三日游');

//? ? }else if(a>=90&&a<100){

//? ? ? ? alert('國(guó)內(nèi)三日游');

//? ? }else if(a>=80&&a<90){

//? ? ? ? alert('省內(nèi)三日游');

//? ? }else if(a>=70&&a<80){

//? ? ? ? alert('滄州三日游');

//? ? }else if(a>=60&&a<70){

//? ? ? ? alert('室內(nèi)三日游');

//? ? }else{

//? ? ? ? alert('兩個(gè)嘴巴子');

//? ? }

//4.switch.....case...

//? ? ? ? switch(條件){

//? ? ? ? ? ? case 情況1:

//? ? ? ? ? ? ? ? //執(zhí)行語(yǔ)句

//? ? ? ? ? ? ? ? break;//截?cái)嗯c以下鏈接

//? ? ? ? switch(條件){

//? ? ? ? ? ? case 情況2:

//? ? ? ? ? ? ? ? //執(zhí)行語(yǔ)句

//? ? ? ? ? ? ? ? break;

//? ? ? ? switch(條件){

//? ? ? ? ? ? case 情況3:

//? ? ? ? ? ? ? ? //執(zhí)行語(yǔ)句

//? ? ? ? ? ? ? ? break;

//? ? ? ?

//? ? ? ?

//? ? ? ?

//? ? ? ?

//? ? ? ? .........

//? ? ? ? //以上條件都不滿足的時(shí)候執(zhí)行

//? ? default:

//? ? ? ?

//? ? ? ?

//? ? ? ? //要執(zhí)行的語(yǔ)句

//? ? ? ? break;

//? ? ? ? ? }

//例子:

//var a=prompt('請(qǐng)輸入今天星期幾');

//switch(a){

//? ? case'星期一':

//? ? ? ? alert('麻辣小龍蝦');

//? ? ? ? break;

//? ? case'星期二':

//? ? ? ? alert('羊肉串');

//? ? ? ? break;

//? ? case'星期三':

//? ? ? ? alert('火鍋雞');

//? ? ? ? break;

//? ? case'星期四':

//? ? ? ? alert('西紅柿炒雞蛋');

//? ? ? ? break;

//? ? case'星期五':

//? ? ? ? alert('饅頭泡水');

//? ? ? ? break;

//? ? case'星期六':

//? ? ? ? alert('喝水');

//? ? ? ? break;

//? ? case'星期日':

//? ? ? ? alert('減肥');

//? ? ? ? break;

//? ? default:

//? ? ? ? alert('sorry,請(qǐng)輸入今天星期幾,如:星期一');

//? ? ? ? break;

//}

//5.switch....case的直落形式

//? ? ? ? switch(條件){

//? ? ? ? ? ? case 1:

//? ? ? ? ? ? case 2:

//? ? ? ? ? ? case 3:

//? ? ? ? ........

//? ? ? ? //執(zhí)行語(yǔ)句

//? ? ? ? break;

//? ? ? ? ? }

//例子:

//? ? var a=prompt('請(qǐng)輸入今天星期幾');

//? ? switch(a){

//? ? ? ? ? ? case '星期一':

//? ? ? ? ? ? case '星期二':

//? ? ? ? ? ? case '星期三':

//? ? ? ? ? ? case '星期四':

//? ? ? ? ? ? case '星期五':

//? ? ? ? ? ? case '星期六':

//? ? ? ? ? ? case '星期七':

//? ? ? ? ? ? alert('麻辣小龍蝦');

//? ? ? ? ? ? break;

//? ? }

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • javascript的發(fā)展史 1、1992年 ,Nombas 為自己的軟件寫(xiě)一款腳本語(yǔ)言 C-- --》 Sc...
    My丿飛閱讀 449評(píng)論 1 1
  • 第2章 基本語(yǔ)法 2.1 概述 基本句法和變量 語(yǔ)句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,619評(píng)論 0 13
  • 單例模式 適用場(chǎng)景:可能會(huì)在場(chǎng)景中使用到對(duì)象,但只有一個(gè)實(shí)例,加載時(shí)并不主動(dòng)創(chuàng)建,需要時(shí)才創(chuàng)建 最常見(jiàn)的單例模式,...
    Obeing閱讀 2,321評(píng)論 1 10
  • 第一章1,什么叫程序:程序就是計(jì)算機(jī)按照人類完成事物的步驟和邏輯,通過(guò)計(jì)算機(jī)命令來(lái)逐步執(zhí)行最終實(shí)現(xiàn)目標(biāo)的一種機(jī)器語(yǔ)...
    悟名先生閱讀 1,079評(píng)論 0 4
  • 【MOC芯城匯】 ? ? 震撼來(lái)襲? ? —————— ————— 數(shù)據(jù)對(duì)話魅力神盤(pán)! 雙公園...
    3d96989b7940閱讀 818評(píng)論 0 0

友情鏈接更多精彩內(nèi)容