js四天全部的筆記
document.write("LiLi");
console.log("hello.world");
alert("hao ge")
變量
var uname="meng";
console.log(uname);常量
const you="fff";
const me="ooo";
console.log(me);
var r=10;
console.log(r);
var l="2*π*r";
console.log(2*3.14*10);
var s=3.14*10*10;
console.log(s);
6種數(shù)據(jù)類型
1數(shù)字:number 整數(shù)和小數(shù)
var number1=123;
var number2=0.6;/
var number3=3.14;
console.log(number2);
2字符串:string 有引號(hào)不管單引號(hào)還是雙引號(hào)//var string1="123";
var string2="hello world";
var string3="你好";
console.log(string2);
3布爾:boolean 兩個(gè)值真假 true=1 false=0/
var boolean1=true;
var boolean2=false;
var boolean3=true+3;
console.log(boolean3)
4未定義的 undefined 兩個(gè)樣式
一、聲明沒有被賦值
var undefined1;
console.log(undefined1);
二火惊、聲明沒有被定義
console.log(undefined2);
5空 null
6對(duì)象 object
判斷數(shù)據(jù)類型用typeof(number/string/之類的)
運(yùn)算類型(隱式轉(zhuǎn)換)
1.number+number(數(shù)字+數(shù)字)
var number1=5;
var number2=9;
console.log(number1+number2);
2.number+string(數(shù)字+字符串)/
var number1=7;
var string0="2";
var string1="wo";
console.log(number1+string1);
console.log(number1+string0);
3.number+boolean(數(shù)字+布爾)//var number1=12;
var boolean1=true;
var boolean2=false;
console.log(number1+boolean1);
console.log(number1+boolean2);
4.number+undefined(數(shù)字+未定義的)
var number1=5;
var undefined1;
console.log(number1+undefined1);
5.string+boolean(字符串+布爾)(字符串和誰在一起都是拼接的)//var string1="2";
var boolean1=true;
console.log(typeof(string1+boolean1));
6.string+undefined(字符串+未定義的)
var string1="9";
var undefined1;
/console.log(typeof(string1+undefined1));
//7.boolean+undefined(布爾+未定義的)/
/var boolean1=true;
//var undefined1;/
/console.log(typeof(boolean1+undefined1))/
/8.boolean+boolean(布爾+布爾)/
/var boolean1=true;/
/var boolean2=false;
//console.log(typeof(boolean1+boolean2))/
/NaN:not a number(不是一個(gè)數(shù)字)(判斷里面的內(nèi)容不是數(shù)字類型)/
/但數(shù)據(jù)類型還是number類型/
/isNaN: is not a number/
/ 是 不是 一個(gè)數(shù)字//
作用:判斷一個(gè)非數(shù)字/
/ 如果是數(shù)字返回:false;
// 如果不是數(shù)字返回:true;/
/var number2=8;
//var string2="WOW";/
/console.log(isNaN(number2));
//console.log(isNaN(string2));/
/聲明提前/
/例子:/
/var a=6;可以轉(zhuǎn)化成/
/var a;/
/console.log(a)
//a=6;/
/然后返回undefined1
//var提到前面了博脑, 就相當(dāng)于沒有賦值了光有聲明,/
/聲明會(huì)上前面去但賦值還在原來的位置扎瓶。/
/顯示轉(zhuǎn)化或強(qiáng)制轉(zhuǎn)換(轉(zhuǎn)換函數(shù))//
1.parseInt();轉(zhuǎn)換成整數(shù)/
/var a="1.2";/
/var b=parseInt(a);
//console.log(b);/
/console.log(typeof b);/
/2.parseFloat();轉(zhuǎn)換成小數(shù)(.必須在數(shù)前面才出0.幾了)
//var a=".05";/
/var b=parseFloat(a);/
/console.log(b);/
/console.log(typeof b);/
/轉(zhuǎn)換出來的都是number類型以上|/
/3.Number()轉(zhuǎn)換成number類型//var a="5";/
/var b=Number(a);/
/console.log(b);//
console.log(typeof b);//
4.toString();轉(zhuǎn)換成字符串.
//var a=9;
//var b=a.toString();/
/console.log(b);/
/console.log(typeof b);/
/var a=true;/
/var b=a.toString();/
/console.log(b);/
/console.log(typeof b);/
/5.toFixed(這些保留幾位小數(shù)) 按要求保留小數(shù)位數(shù)(如果不寫保留幾位小數(shù)他會(huì)有四舍五入的功能依许。)/
/var a=13.123;/
/var b=a.toFixed(2);/
/console.log(b);/
/console.log(typeof b);/
/轉(zhuǎn)換成保留幾位小數(shù)類型只能是字符串拥坛;/
/算數(shù)運(yùn)算符(+-*/加減乘除)/
/1.%表示:模(兩個(gè)數(shù)相除為出盡出來的余數(shù))/
/例子:3%2=1/
/ 5%2=1/
/ 10%3=1/
/ 3%5=3(商0余3所以是3)/
/{就是算的余數(shù)}
//2.++在前(++a自增先加1再賦值)(自增操作,增量為一)/
/ var a=3;/
/ var b=++a;/
/ console.log(a);/
/4//
console.log(b);/
/4/
/++在后(a++先賦值再加1)
// var a=3;/
/ var b=a++;/
/ console.log(a);
//4/
/ console.log(b);/
/3//自減操作/
/3.--在前(先自身減一读处,再賦值)/
/var a=5;/
/var b=--a;/
/console.log(a);/
/4/
/console.log(b);/
/4/
/ --在后(先賦值糊治,在自身減一)/
/var a=5;/
/var b=a--;/
/console.log(a);/
/4/
/console.log(b);/
/5/
/練習(xí)/
/var a=5;/
/var b=a++ + ++a + a++;/
/console.log(a);/
/console.log(b);/
/(b+總數(shù))(a選最后數(shù)是)/
/var a=5;/
/var c=--a + a-- - --a;/
/console.log(a);/
/console.log(c);/
/(b+總數(shù))(a選最后數(shù)是)/
/關(guān)系運(yùn)算符:返回布爾值//
內(nèi)有:< > <= >=//
1.==只判斷值是否相等與類型無關(guān)。//
==等于//
2.档泽!=不等于//===數(shù)值與類型都必須相等俊戳。//
3.===全等 //
4.!==不全等于/
/練習(xí)://
var a=5;
//var b="3";
//var c="5";
//console.log(a==c)//true/
/console.log(a!=c)//false
//console.log(a===c)//false
//console.log(a!==c)//true
//console.log(a>b)//true
//console.log(a=c)//true
//console.log(a<=c)//true
//一個(gè)等于=是賦值的意思
//邏輯運(yùn)算符(用布爾值表示)
//1.與=和,且 用&&符號(hào)表示(有一個(gè)是錯(cuò)的他就是錯(cuò)的)/
/var a=3;
//var b=5;
//var c=6;/
/console.log((ac)&&(b>c))//false//
console.log((ac))//false/
/console.log((c>b)&&(bc))//true/
/3.非:取反 用馆匿!表示 (相反的值)//
例子://
var a=true;
//console.log(!a)//false/
/三種輸出方式:
//1
.//2
.//3
.//三種輸入方式:/
/1.prompt();
//var a=Number(prompt("why"));/
/var b=parseFloat(prompt("true"));
//Number||parseFloat||parseInt;
//alert(a+b);/
/轉(zhuǎn)換成數(shù)字Number類型要不還是字符串類型/
/三目(三元)運(yùn)算符/
/ var a=prompt("請(qǐng)輸入成績(jī)");//
var b=a>=60?"及格":"不及格";/
/ alert(b); /
/練習(xí)//條件抑胎?"答案1""答案2"/
/3>5"是":"是""false"
//var sleep=prompt("請(qǐng)輸入你的睡眠時(shí)間")/
/var time=sleep>=8?"正常":"不正常";/
/alert(time);
//分支結(jié)構(gòu)/
/if語句//
1.if(條件){ /
/條件為true(對(duì)的)的時(shí)候執(zhí)行的語句,如果不對(duì)是不會(huì)執(zhí)行的渐北!/
/}/
/ var a=prompt("請(qǐng)輸入第一個(gè)數(shù)");//
var b=prompt("請(qǐng)輸入第二個(gè)數(shù)");/
/ 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{
? ? ? ? ? ? ? ? ? if(<60){
? ? ? ? ? ? ? ? alert("兩個(gè)大嘴巴子");
? ? ? ? ? ? ? }
? ? ? ? ? ? }}}}}
3.else if (多重條件語句)
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 if(a<60){
? ? ? ? alert("兩個(gè)大嘴巴子");
? ? }
4.switch.....case....
switch(條件){
? ? case 情況1:
? ? 執(zhí)行的語句;
? ? bread;
? ? case 情況2:
? ? 執(zhí)行的語句;
? ? bread;
? ? case 情況3:
? ? 執(zhí)行的語句;
? ? bread;
? ? 以上條件都不滿足的時(shí)候阿逃。用
? ? default:
?? 要執(zhí)行的語句:用
? ? bread;
}
例子:
var date=prompt("請(qǐng)輸入今天星期幾")
? ? switch(date){
? ? ? case("星期一"):
? ? ? alert("麻辣小龍蝦");
? ? ? break;
? ? ? case("星期二"):
? ? ? alert("羊肉串");
? ? ? break;
? ? ? case("星期三"):
? ? ? alert("火鍋雞");
? ? ? break;
? ? ? case("星期四"):
? ? ? alert("西紅柿炒雞蛋");
? ? ? break;
? ? ? case("星期五"):
? ? ? alert("饅頭泡水");
? ? ? break;
? ? ? case("星期六"):
? ? ? alert("喝水");
? ? ? break;
? ? ? case("星期日"):
? ? ? alert("減肥");
? ? ? break;
? ? ? default:("星期八")
? ? ? alert("吃飯");
}
5.switch.....case....的直落形式;
? ? switch(條件){
? ? ? ? case(情況一:)
? ? ? ? case(情況二:)
? ? ? ? case(情況三:)
? ? ? ? case(情況四:)
? ? ? ? 赃蛛。恃锉。。呕臂。
? ? ? ? 不管有多少個(gè)條件只有一個(gè)執(zhí)行語句破托。
? ? ? ? bread;
}
var date=prompt("請(qǐng)輸入今天星期幾")
? ? switch(date){
? ? ? case("星期一"):
? ? ? case("星期二"):
? ? ? case("星期三"):
? ? ? case("星期四"):
? ? ? case("星期五"):
??? ? case("星期六"):
? ? ? case("星期日"):
? ? ? alert("減肥");
? ? ? break;
? ? ? default:("星期八")
? ? ? alert("吃飯");
?}
var a=prompt("請(qǐng)輸入幾點(diǎn)")
? ? if(a<=7){
? ? ? ? alert("早安");
? ? }