js = JavaScript

alert 語(yǔ)句 :alert的用途 : 彈出"警告框" ;

語(yǔ)法規(guī)則 :

　　1.JavaScript對(duì)換行 , 縮進(jìn) , 空格不敏感 . 備注 : 每一條語(yǔ)句末尾要加分號(hào)(;) ; 雖然分號(hào)不是必須加的,但是為了程序今后要壓縮 , 如果不加分號(hào) , 壓縮之后程序不能運(yùn)行 .

　　2.所有的符號(hào)都是英語(yǔ)的 . 比如 : 括號(hào) , 引號(hào) , 分號(hào).

　　3.JavaScript的注釋 : //單行注釋 /* */多行注釋 .

JavaScript在網(wǎng)頁(yè)中輸出信息的寫(xiě)法 .

　　彈出警告框 : alert(" ") ; 控制臺(tái)輸出 : console.log(" ") ; 用戶輸入 : prompt( ) 語(yǔ)句.

代碼如下 :

　　<script type="tex/JavaScript">

　　　　var a = prompt("今天是什么天氣");

　　　　console.log(a);

　　</script>

prompt()語(yǔ)句中,用戶不管輸入什么內(nèi)容都是字符串.

alert和prompt的區(qū)別:

　　alert : 直接用 , 不需要變量 ;

　　prompt : 必須用一個(gè)變量來(lái)接收用戶輸入的值 ;

在JavaScript中 , 永遠(yuǎn)都是var來(lái)定義變量 ;

變量的命名規(guī)范 : 只能有英語(yǔ)字母 , 數(shù)字 , 下劃線 , 美元符號(hào)($)構(gòu)成 , 切不能以數(shù)字開(kāi)頭 , 并且不能是JavaScript保留字.

變量里面能夠存儲(chǔ)數(shù)字 , 字符串等 , 變量會(huì)自動(dòng)的根據(jù)存儲(chǔ)內(nèi)容的類型不同 , 來(lái)決定自己的類型.

數(shù)值型number : 1, 2 ,3.......

　　typeof() 表示"獲取變量的類型" ;

字符串型 : string

ParseInt() 還具有以下特性 :

(1)帶有自動(dòng)凈化的功能 : 只保留字符串最開(kāi)頭的數(shù)字,后面的中文自動(dòng)消失;

(2)帶有自動(dòng)凈化的功能 : 取整 , 不會(huì)四舍五入.

NaN是number類型,但是不是數(shù)字.

number , Infinity(無(wú)限大) , 都是number類型;

string , boolean(布爾值) , null(空) , undefined(表示變量未定義)

數(shù)據(jù)類型轉(zhuǎn)換 :

1. 將數(shù)值類型轉(zhuǎn)換成字符串類型 :

隱式轉(zhuǎn)換 : var n1 = 123;

　　　　　var n2 = "123";

　　　　　var n3 = n1 + n2;

　　　　　console.log(typeof n3);

強(qiáng)制類型轉(zhuǎn)換 : string() , tostring()

var str1 = String(n1);

console.log(typeof str1);

var num = 234;

console.log(num.tostring);

2.將字符串類型轉(zhuǎn)換成數(shù)值類型;

var str1 = "789.123va";

var num = Number(str1);

console.log(num);

ParseInt()可以解析一個(gè)字符串并且返回一個(gè)整數(shù);

console.log(ParseInt(str1));

console.log(ParseFloat(str1));

3.任何數(shù)據(jù)類型都可以轉(zhuǎn)換為boolean類型;

var b = null ;

//非0既真

console.log(Boolean(b)) ;

流程控制 :

1 . if , if - else , if - else , if - else

注意 :瀏覽器解析代碼的順序,是從上往下執(zhí)行,從左往右執(zhí)行;

2. 邏輯 與&& , 邏輯 或 ||

例 : if(sum>400&&math<90){

console.log("清華大學(xué)");

console.log("高考失利")

}

3.switch :

case表示一個(gè)條件滿足這個(gè)條件就會(huì)走進(jìn)來(lái),遇到break跳出,break終止循環(huán).如果某個(gè)條件中不寫(xiě)break,那么直到該程序遇到下一個(gè)break停止;

例 :

var a="better";

switch(a){

case "good" :

console.log("玩的好");

break

default :

console.log("很爛");

}

4. while循環(huán)

循環(huán)三步走 :

var i=1; 初始化循環(huán)變量

while(i<=9){判斷循環(huán)條件

console.log(i);

i += 1; 更新循環(huán)條件

}

5.do - while

不管有沒(méi)有滿足while中的條件do里面的代碼都會(huì)走一次;

var i=3; 初識(shí)化循環(huán)變量;

do{

console.log(i)

i ++ ; 更新循環(huán)條件

}while(i<10) 判斷循環(huán)條件

6. for 循環(huán)

for(var i = 1; i <=10; i ++){

console.log(i)

}

7.常用內(nèi)置對(duì)象

數(shù)組Array

1.數(shù)組的創(chuàng)建方式

　　1,字面量方式創(chuàng)建 : var colors = ["red","green","yellow"];

　　2.使用構(gòu)造函數(shù)的方式創(chuàng)建,使用new關(guān)鍵字對(duì)構(gòu)造函數(shù)進(jìn)行創(chuàng)建對(duì)象 : var color2 = new Array();

2.數(shù)組的賦值 :

var arr= [];

arr[0] = 123;

arr[1] = "哈哈";

3.1 數(shù)組的合并 concat()

var n1 = ["北京"];

var n2 = ["南京"];

var n3 = n1.concat(n2);

console.log(n3);

3.2 join()將數(shù)組中的元素使用指定的字符串連接起來(lái),形成一個(gè)新字符串

var n1 = [98,99,90];

var n2 = n1.join("|");

console.log(n2); 結(jié)果是 : 98|99|90

3.3將數(shù)組轉(zhuǎn)換成字符串tostring() :

tostring()直接轉(zhuǎn)換為字符串,每個(gè)元素使用逗號(hào)隔開(kāi);

var n1=[98,99,90];

var str = n1.tostring();

console.log(str) ; 結(jié)果是 :98,99,90

3.4slice(start,end)返回?cái)?shù)組的一段,左閉右開(kāi);

var arr = ["張三","李四","王五","趙六"];

var newarr=arr.slice(1,3);

console.log(newarr); ["李四","王五"]

3.5 pop移除數(shù)組的最后一個(gè)元素;

var arr=[1,2,3,4,5];

var str = arr.pop();

console.log(str);

3.6 push()向數(shù)組最后添加一個(gè)元素;

var arr=[1,2,3,4];

var str = arr.push(5);

console.log(arr);

3.7 reverse()翻轉(zhuǎn)數(shù)組;

var arr = [1,2,3,4];

arr.reverse();

console.log(arr);

3.8 sort對(duì)數(shù)組排序;

var names=["alex","xiao","tan","abs"];

name.sort();

console.log(names) ; 結(jié)果 : ["alex","abs","tan","xiao"]

3.9 判斷是否為數(shù)組 : isArray();

布爾類型值 = Array.isArray(被檢測(cè)的值);

4.字符串string;

4.1 ChartAt()返回指定索引的位置的字符;

var str = "Alex";

var Charset = str.CharAt(1);

console.log(Charset); 顯示l

4.2 concat 返回字符串值,表示兩個(gè)或多個(gè)字符串的拼接;

var str1 = "al";

var str2 = "ex";

console.log(str1.concat(str2)); 顯示:alex

4.3 replace(a,b)將字符串a(chǎn)替換成字符串b;

var a = "12345";

var b = a.replace("123","***");

console.log(b);

4.4 indexof()查找字符的下標(biāo),如果找到返回字符串的下標(biāo),找不到則返回-1 , 跟seach()方法用法一樣;

var str ="alex";

console.log(str.indexof("e")); 2

console.log(str.indexof("p")); -1

4.5 slice(start,end)左閉右開(kāi),分割字符串;

var str="alex";

console.log(str.slice(1,2)) 顯示 l

4.6 split("a",2)以字符串a(chǎn)分割字符串,并返回新的數(shù)組,如果第二個(gè)參數(shù)沒(méi)有寫(xiě),表示返回整個(gè)數(shù)組,如果定義了一個(gè)數(shù),則返回?cái)?shù)組的最大長(zhǎng)度;

var str = "defachedfavc";

console.log(str.split("a")); 顯示["def","chedf","vc"]

4.7 substr(start,end)左閉右開(kāi);

var str = "defacheabc";

console.log(str.substr(0,3)); 顯示def

4.8 toLowerCase()轉(zhuǎn)小寫(xiě);

var str="xiAoMing";

console.log(str.toLowerCase()); 顯示xiaoming

4.9 toUpperCase()轉(zhuǎn)大寫(xiě);

var str = "xiaoming";

console.log(str.toUpperCase());

將number類型轉(zhuǎn)換成字符串類型;

var num = 132.323;

var numstr = num.toString();

console.log(typeof numstr);

var newnum = num.toFixed(2);

console.log(newnum); 打印的是字符串類型且小數(shù)保留兩位數(shù);

5.Date日起對(duì)象

創(chuàng)建日期對(duì)象只有構(gòu)造函數(shù)一種方式,使用new關(guān)鍵字;

創(chuàng)建一個(gè)data對(duì)象;

var mydate = new Date();

console.log(mydate().toLocalstring());返回本地時(shí)間

console.log(mydate().getDate()); 獲取一個(gè)月中的某一天;

Date()根據(jù)本地時(shí)間返回當(dāng)天的日期和時(shí)間;

getMonth()返回指定日期對(duì)象月份(0-11);

getDay()返回星期中的第幾天;(0-6);

6.Math內(nèi)置對(duì)象

常用內(nèi)置對(duì)象

6.1Math.ceil()向上取整;"天花板函數(shù)"

var x = 1.2344;

var a = Math.ceil(x);表示大于等于x,并且與他最近的整數(shù)是多少

console.log(a); 顯示 2;

6.2Math.floor向下取整"地板函數(shù)";

var x = 1.2445;

var b = Math.floor(x);小于等于x,并且與它最近的整數(shù)是多少;

console.log(b); 顯示 1;

6.3 求兩個(gè)數(shù)的最大值和最小值;

console.log(math.max(2,5)) 顯示5

console.log(math.min(2,5)) 顯示 2

6.4 隨機(jī)數(shù)Math.random()

var ran= Math.random(); 默認(rèn)取0-1之間的小數(shù);

console.log(ran); (0,1)

如果想去100-500之間的數(shù)怎么辦?

var ran = 100+Math.random()*(大-小)

console.log(ran);

三元運(yùn)算符

var s1 = 1<2 ?"真的" :"假的";

console.log(s1)

if(1<2){console.log("真的")}else{console.log("假的")};

總結(jié)

以上是生活随笔為你收集整理的js初识 js数据类型的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。