大家好,我是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)
七.參考文獻(xiàn)
Javascript標(biāo)準(zhǔn)參考(阮一峰)
鳴謝
感謝大家觀看
分享人:劉洪利
IT修真院上海Web第1期學(xué)員劉洪利: 邀請(qǐng)碼14898047