JS中的數(shù)據(jù)類型和常用方法

大家好,我是IT修真院上海分院第1期的Web學(xué)員劉洪利徽缚,今天給大家分享一下關(guān)于Js中的數(shù)據(jù)類型和常用方法


一.背景介紹

在了解JAVASCRIPT的數(shù)據(jù)類型之前,先了解下JAVASCRIPT是什么勤婚?

JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,被廣泛用在了各種各樣的Web應(yīng)用中,主要用于嵌入動(dòng)態(tài)文本于HTML頁(yè)面,對(duì)瀏覽器的事件做出響應(yīng),讀寫HTML,在數(shù)據(jù)提交到服務(wù)器前驗(yàn)證數(shù)據(jù)等遵班。

那么JAVASCRIPT的數(shù)據(jù)類型是什么

"數(shù)據(jù)類型"在數(shù)據(jù)結(jié)構(gòu)中的定義"一個(gè)值的集合以及定義在這個(gè)值集上的一組操作"忧换。在編程語言中,能夠表示并操作的值的類型稱做數(shù)據(jù)類型瘾婿。

JavaScript 的數(shù)據(jù)類型,共有六種蜻牢。分別是:

1.數(shù)值(NUMBER):整數(shù)和小數(shù)(比如1和3.14)

2.字符串(STRING):字符組成的文本(比如"HELLO WORLD")

3.布爾值(BOOLEAN):TRUE(真)和FALSE(假)兩個(gè)特定值

4.UNDEFINED:表示"未定義"或不存在,即由于目前沒有定義,所以此處暫時(shí)沒有任何值

5.NULL:表示無值,即此處的值就是"無"的狀態(tài)。

6.對(duì)象(OBJECT):各種值組成的集合


二.知識(shí)剖析

數(shù)值 NUMBER

數(shù)值有三種形態(tài):

1.整數(shù) var x=50 //整數(shù)通過十進(jìn)制,八進(jìn)制及十六進(jìn)制的字面值來表示

2.浮點(diǎn)數(shù)值 var x=5.66 //浮點(diǎn)數(shù)值中必須包含一個(gè)小數(shù)點(diǎn),且小數(shù)點(diǎn)后必須有一位數(shù)字

3. NaN 即非數(shù)值是一個(gè)特殊的數(shù)值,用來表示一個(gè)本應(yīng)返回?cái)?shù)值的操作數(shù)未返回?cái)?shù)值的情況


字符串

由零或多個(gè)16位Unicode字符組成的字符序列,即字符串偏陪。字符串可以由雙引號(hào)(")或單引號(hào)(')表示, 同時(shí)被單引號(hào)引起的字符串內(nèi)可以包含雙引號(hào),而被雙引號(hào)引起的字符串內(nèi)也可以包含單引號(hào)抢呆。

var answer="Nice to meet you!";

var answer="He is called 'Bill'";//雙引號(hào)包含單引號(hào)

var answer='Heiscalled"Bill"';//單引號(hào)包含雙引號(hào)


布爾值

boolean類型是ECMAScript中使用的最多的一種類型,該類型只有兩個(gè)字面值:true和false。分別代表了真(true)和假(false)

var x=true;

var y=false;


undefined

如果使用的對(duì)象屬性不存在或者是未聲明變量,undefined 值將被返回笛谦。

一個(gè)未初始化的變量的值為undefined,一個(gè)沒有傳入實(shí)參的形參變量的值為undefined,如果一個(gè)函數(shù)什么都不返回,則該函數(shù)默認(rèn)返回undefined抱虐。

你可以使用嚴(yán)格相等運(yùn)算符來判斷一個(gè)值是否是undefined:

var x;

if(x=== undefined) {

alert(x)// 這里會(huì)直接彈窗,表示x===undefined為ture

}


null

null 數(shù)據(jù)類型在 JavaScript 中只有一個(gè)值:null饥脑。null值表示了一個(gè)空對(duì)象指針,但是null不等于undefined

null用來表示空值,即沒有對(duì)象被呈現(xiàn),可以通過將變量的值設(shè)置為 null 來清空變量:

varcar="Volvo";//把字符串Volvo賦值給變量car

document.write(car +"
");//輸出變量car,顯示Volvo

varcar=null;//把null賦值給變量car

document.write(car +"
");//輸出變量car,顯示null


對(duì)象

JavaScript中的所有事物都是對(duì)象:字符串恳邀、數(shù)值、數(shù)組灶轰、函數(shù)等等

對(duì)象是帶有屬性和方法的特殊數(shù)據(jù)類型由若干個(gè)"鍵值對(duì)"(key-value)構(gòu)成的一種無序的數(shù)據(jù)集合谣沸。

創(chuàng)建對(duì)象有兩種方法:

1.定義并創(chuàng)建對(duì)象的實(shí)例

var person=new Object();//定義一個(gè)名為person的對(duì)象

person.firstname="Bill";//對(duì)象firstname屬性值為Bill

person.lastname="Gates";//對(duì)象lastname屬性值為Gates

person.age=56;//對(duì)象age屬性值為56

person.eyecolor="blue";//對(duì)象eyecolor屬性值為blue

//或者是簡(jiǎn)寫形式

person={firstname:"John",lastname:"Doe",age:56,eyecolor:"blue"};

2.使用函數(shù)來定義對(duì)象,然后創(chuàng)建新的對(duì)象實(shí)例

function myObj(a,b){

var obj =new Object();

obj.username = a;

obj.password = b;

return obj;

}

alert(myObj("admin","123456"));


三.常見問題

怎么樣判斷值的數(shù)據(jù)類型?


四.解決方案

使用TYPEOF運(yùn)算符來進(jìn)行檢測(cè)笋颤,typeof可以解決大部分的數(shù)據(jù)類型判斷,是一個(gè)一元運(yùn)算,typeof運(yùn)算符可以返回一個(gè)值的數(shù)據(jù)類型

var sss = 123;

console.log(typeof sss);//number


五.拓展思考

數(shù)據(jù)類型的轉(zhuǎn)換:將數(shù)字轉(zhuǎn)換成字符串

使用全局方法 String() 可以將數(shù)字轉(zhuǎn)換為字符串乳附。

var x =123;

document.getElementById("demo").innerHTML =String(x) +"<br>"+// 將變量 x 轉(zhuǎn)換為字符串并返回

String(123) +"<br>"+// 將數(shù)字 123 轉(zhuǎn)換為字符串并返回

String(100+23);// 將數(shù)字表達(dá)式轉(zhuǎn)換為字符串并返回

顯示效果

123

123

123


六.編碼實(shí)戰(zhàn)

demo


七.參考文獻(xiàn)

Javascript標(biāo)準(zhǔn)參考(阮一峰)


鳴謝

感謝大家觀看

分享人:劉洪利

視頻鏈接 密碼5z0p



IT修真院上海Web第1期學(xué)員劉洪利: 邀請(qǐng)碼14898047


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市伴澄,隨后出現(xiàn)的幾起案子赋除,更是在濱河造成了極大的恐慌,老刑警劉巖秉版,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件贤重,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡清焕,警方通過查閱死者的電腦和手機(jī)并蝗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門祭犯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人滚停,你說我怎么就攤上這事沃粗。” “怎么了键畴?”我有些...
    開封第一講書人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵最盅,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我起惕,道長(zhǎng)涡贱,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任惹想,我火速辦了婚禮问词,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘嘀粱。我一直安慰自己激挪,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開白布锋叨。 她就那樣靜靜地躺著垄分,像睡著了一般。 火紅的嫁衣襯著肌膚如雪娃磺。 梳的紋絲不亂的頭發(fā)上薄湿,一...
    開封第一講書人閱讀 49,816評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音豌鸡,去河邊找鬼嘿般。 笑死,一個(gè)胖子當(dāng)著我的面吹牛涯冠,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播逼庞,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼蛇更,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了赛糟?” 一聲冷哼從身側(cè)響起派任,我...
    開封第一講書人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎璧南,沒想到半個(gè)月后掌逛,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡司倚,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年豆混,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了篓像。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡皿伺,死狀恐怖员辩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鸵鸥,我是刑警寧澤奠滑,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站妒穴,受9級(jí)特大地震影響宋税,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜讼油,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一杰赛、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧汁讼,春花似錦淆攻、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至耸彪,卻和暖如春伞芹,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蝉娜。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工唱较, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人召川。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓南缓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親荧呐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子汉形,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容