當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript的数据类型---最全，最详细的数据类型，高级的工程师从数据类型开始

發(fā)布時(shí)間：2025/6/15 javascript 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript的数据类型---最全，最详细的数据类型，高级的工程师从数据类型开始小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

一.基本數(shù)據(jù)類型

??1.字符串?dāng)?shù)據(jù)類型
???? var hello="你好啊";
???? var hello='你好啊';
示例：
<script language="javascript">

</script>
?深入理解字符串--在JavaScript中不區(qū)分字符與字符串，字符也被當(dāng)作字符串處理。常用轉(zhuǎn)義字符\n \t \r \f \' \" \\
<script language="javascript">
?var str1 = "1，使用回車換行符\n";?// 行尾使用“\n”作回車換行
?var str2 = "2，使用回車符\r";??// 行尾使用“\r”回車符
?var str3 = "3，使用:\t制表符\n";?// 中間使用一個(gè)制表符“\t”
?var str4 = "4，使用\"雙引號(hào)\"";??// 使用引號(hào)“\"”
?var str? = str1 + str2 + str3 + str4;?// 將4個(gè)字串符連接為了個(gè)串用于顯示
?alert(str);????// 在對(duì)話框是顯示連接后的串str
?document.write(str);
</script>?????
2.數(shù)值型數(shù)據(jù)--不像其他編程語言那樣區(qū)分整型、浮點(diǎn)型。
<script language="javascript">

????//?使用16進(jìn)制數(shù)
?var i = 0Xa1;??// 分別定義兩個(gè)數(shù)字變量，并使用0x和0X作十六進(jìn)制設(shè)置初值
?var j = 0xf2;
?var s = i + j;??// 十六進(jìn)制變量i與j相加
????// 輸出為十進(jìn)制
?document.write("<li>十六進(jìn)制數(shù)0xa1等于十進(jìn)制數(shù)：" + i + "<br>" );
?document.write("<li>十六進(jìn)制數(shù)0xf2等于十進(jìn)制數(shù)：" + j + "<br>" );
?document.write("<li>十六進(jìn)制數(shù)0xf2加上0xa1的和為：" + s + "<br>" );

????//?使用8進(jìn)制數(shù)
?var k = 0123;??// 分別定義兩個(gè)數(shù)值變量，分別用八進(jìn)制值設(shè)置為初值
?var l = 071;
?var m = k + l;??// 兩個(gè)變量的值相加
????// 輸出為十進(jìn)制
?document.write("<li>八進(jìn)制數(shù)0123等于十進(jìn)制數(shù)：" + k + "<br>" );
?document.write("<li>八進(jìn)制數(shù)071等于十進(jìn)制數(shù)：" + l + "<br>" );
?document.write("<li>八進(jìn)制數(shù)0123加上071的和為：" + m + "<br>" );
????//?使用10進(jìn)制
?var t1 = 0.1;??// 定義十進(jìn)制小數(shù)數(shù)字的形式
?var t2 = 1.1;
?var t3 = 2e3;??// 使用科學(xué)計(jì)數(shù)法表示數(shù)值
?var t4 = 2e-3
?var t5 = 0.1e2;
?var t6 = 0.1e-2;?// 將各變量的值全部輸出
?document.write("<li>十進(jìn)制帶小數(shù)的形式：" + t1 + "和" + t2 + "<br>" );
?document.write("<li>十進(jìn)制科學(xué)記數(shù)2e3等于：" + t3 + "<br>" );
?document.write("<li>十進(jìn)制科學(xué)記數(shù)2e-3等于：" + t4 + "<br>" );
?document.write("<li>十進(jìn)制科學(xué)記數(shù)0.1e2等于：" + t5 + "<br>" );
?document.write("<li>十進(jìn)制科學(xué)記數(shù)0.1e-2等于：" + t6 + "<br>" );

</script>
3.布爾型數(shù)據(jù)--布爾型只有真假兩個(gè)數(shù)據(jù)類型，真用true，假用false，非0既真，0為假
<script language="javascript">

</script>
二.復(fù)合數(shù)據(jù)類型
1.常用內(nèi)置對(duì)象--將數(shù)據(jù)與處理數(shù)據(jù)的方法捆綁在一起形成一個(gè)整體，稱為對(duì)象。var obj=new Object();obj.toScript();
Object:所有對(duì)象的基礎(chǔ)對(duì)象
Array:數(shù)組對(duì)象，封裝了數(shù)組的操作和屬性
ActiveXObject:活動(dòng)空間對(duì)象
arguments:參數(shù)對(duì)象，正在調(diào)用的函數(shù)的參數(shù)
Boolean:布爾對(duì)象，提供同布爾類型等價(jià)的功能
Date:日期對(duì)象，封裝了日期相關(guān)的操作和屬性對(duì)象
Error:錯(cuò)誤對(duì)象，保存錯(cuò)誤信息
Function:函數(shù)對(duì)象，用于創(chuàng)建函數(shù)
Global:全局對(duì)象，所有的全局函數(shù)和全局常量歸該類對(duì)象所有
Math:數(shù)學(xué)對(duì)象，提供基本的數(shù)學(xué)函數(shù)和常量
Number:數(shù)字對(duì)象，代表數(shù)值數(shù)據(jù)類型和提供數(shù)值常量的對(duì)象
String:字符串對(duì)象，提供操作的屬性的對(duì)象
2.常用日期對(duì)象--date=new Date();date=new Date(val);date=new Date(y,m,d[,h[,min[,sec[,ms]]]]);
<script language="javascript">

</script>
getDate()返回對(duì)象中本地時(shí)間表示的日期
getYear()返回對(duì)象中本地時(shí)間表示的年值
getMonth()
getDay()
getHours()
getSeconds()
getMinutes()
setDate(dateVal)設(shè)置對(duì)象中的日期值
setYear(yearVal)
setMonth(monthVal)
<script language="javascript">

</script>
3.理解全局對(duì)象--全局對(duì)象是所有全局方法的擁有者，用來統(tǒng)一管理全局方法，全局方法也指全局函數(shù)。不能使用new運(yùn)算符創(chuàng)建對(duì)象實(shí)例
isNaN(value)判斷value是否是NaN,返回一個(gè)布爾型
parseFloat(string)返回有字符串string轉(zhuǎn)換的到的浮點(diǎn)數(shù)
parseInt(string)返回有字符串string轉(zhuǎn)換得到的整數(shù)
<script language="javascript">

</script>
4.常用數(shù)學(xué)對(duì)象--Math.[{屬性名|方法名}];
PI返回圓周率
abs返回?cái)?shù)字的絕對(duì)值
cos返回給定數(shù)的余弦值
sin返回?cái)?shù)的正弦值
min返回給定數(shù)的最小值
max返回給定數(shù)的最大值
sqrt返回給定數(shù)的平方根
Tan返回給定數(shù)的正切值
round返回與給定數(shù)最接近的整數(shù)值
log返回給定數(shù)的自然對(duì)數(shù)
pow返回給定數(shù)的制定次冪
<script language="javascript">

</script>
<script language="javascript">

</script>
5.常用字符串對(duì)象--String([strVal]);
<script language="javascript">

</script>
6.掌握數(shù)組對(duì)象--var a=new Array();var a=new Array(10,20,30,string,40);var a=[10,20,30,string,40];var a=new Array(3);
<script language="javascript">

</script>
三.其他數(shù)據(jù)類型
1.使用函數(shù)--function TypeName([arg,…]){this.arg=arg;}
<script language="javascript">

</script>
2.空值--null
<script language="javascript">

</script>
3.不確定的類型--undefined
<script language="javascript">

</script>
四.數(shù)據(jù)類型的轉(zhuǎn)換

1.Javascript類型轉(zhuǎn)換的規(guī)則：Javascript的變量是松散類型的，它可以存儲(chǔ)Javascript支持的任何數(shù)據(jù)類型，其變量的類型可以在運(yùn)行時(shí)被動(dòng)態(tài)改變
2..隱式類型轉(zhuǎn)換

在某些情況下，即使我們不提供顯示轉(zhuǎn)換，Javascript也會(huì)進(jìn)行自動(dòng)類型轉(zhuǎn)換，主要情況有：
1.?用于檢測(cè)是否為非數(shù)值的函數(shù)：isNaN(mix)--isNaN()函數(shù)，經(jīng)測(cè)試發(fā)現(xiàn)，該函數(shù)會(huì)嘗試將參數(shù)值用Number()進(jìn)行轉(zhuǎn)換，如果結(jié)果為“非數(shù)值”則返回true，否則返回false。?
2.?遞增遞減操作符（包括前置和后置）、一元正負(fù)符號(hào)操作符--這些操作符適用于任何數(shù)據(jù)類型的值，針對(duì)不同類型的值，該操作符遵循以下規(guī)則（經(jīng)過對(duì)比發(fā)現(xiàn)，其規(guī)則與Number()規(guī)則基本相同）：?

（1）?如果是包含有效數(shù)字字符的字符串，先將其轉(zhuǎn)換為數(shù)字值（轉(zhuǎn)換規(guī)則同Number()），在執(zhí)行加

減1的操作，字符串變量變?yōu)閿?shù)值變量。??

（2）?如果是不包含有效數(shù)字字符的字符串，將變量的值設(shè)置為NaN，字符串變量變成數(shù)值變量。
（3）?如果是布爾值false，先將其轉(zhuǎn)換為0再執(zhí)行加減1的操作，布爾值變量編程數(shù)值變量。?
（4）?如果是布爾值true，先將其轉(zhuǎn)換為1再執(zhí)行加減1的操作，布爾值變量變成數(shù)值變量。?
（5）如果是浮點(diǎn)數(shù)值，執(zhí)行加減1的操作。??
（6）如果是對(duì)象，先調(diào)用對(duì)象的valueOf()方法，然后對(duì)該返回值應(yīng)用前面的規(guī)則。如果結(jié)果是NaN，
3.加號(hào)運(yùn)算操作符在Javascript也用于字符串連接符，所以加號(hào)操作符的規(guī)則分兩種情況：?

??如果兩個(gè)操作值都是數(shù)值，其規(guī)則為：??
?? (1)?如果一個(gè)操作數(shù)為NaN，則結(jié)果為NaN??
?? (2)?如果是Infinity+Infinity，結(jié)果是Infinity??
?? (3)?如果是-Infinity+(-Infinity)，結(jié)果是-Infinity??
?? (4)?如果是Infinity+(-Infinity)，結(jié)果是NaN??
?? (5)如果是+0+(+0)，結(jié)果為+0??

?? (6)?如果是(-0)+(-0)，結(jié)果為-0??
?? (7)?如果是(+0)+(-0)，結(jié)果為+0??
??如果有一個(gè)操作值為字符串，則：??

?? (1)?如果兩個(gè)操作值都是字符串，則將它們拼接起來??

?? (2)?如果只有一個(gè)操作值為字符串，則將另外操作值轉(zhuǎn)換為字符串，然后拼接起來??

?? (3)?如果一個(gè)操作數(shù)是對(duì)象、數(shù)值或者布爾值，則調(diào)用toString()方法取得字符串值，然后再應(yīng)用前面的字符串規(guī)則。對(duì)于undefined和null，分別調(diào)用String()顯式轉(zhuǎn)換為字符串。??可以看出，加法運(yùn)算中，如果有一個(gè)操作值為字符串類型，則將另一個(gè)操作值轉(zhuǎn)換為字符串，最后連接起來。?

4.乘除、減號(hào)運(yùn)算符、取模運(yùn)算符?

這些操作符針對(duì)的是運(yùn)算，所以他們具有共同性：如果操作值之一不是數(shù)值，則被隱式調(diào)用Number()函數(shù)進(jìn)行轉(zhuǎn)換。具體每一種運(yùn)算的詳細(xì)規(guī)則請(qǐng)參考ECMAScript中的定義。?
5.?邏輯操作符（!、&&、||）
1.?邏輯非（！）操作符首先通過Boolean()函數(shù)將它的操作值轉(zhuǎn)換為布爾值，然后求反。
2.邏輯與（&&）操作符，如果一個(gè)操作值不是布爾值時(shí)，遵循以下規(guī)則進(jìn)行轉(zhuǎn)換：?
(1)?如果第一個(gè)操作數(shù)經(jīng)Boolean()轉(zhuǎn)換后為true，則返回第二個(gè)操作值，否則返回第一個(gè)值（不是

Boolean()轉(zhuǎn)換后的值）??

(2)如果有一個(gè)操作值為null，返回null??3.?如果有一個(gè)操作值為NaN，返回NaN??

(3)如果有一個(gè)操作值為undefined，返回undefined??邏輯或（||）操作符，
3.如果一個(gè)操作值不是布爾值，遵循以下規(guī)則：?

(1)?如果第一個(gè)操作值經(jīng)Boolean()轉(zhuǎn)換后為false，則返回第二個(gè)操作值，否則返回第一個(gè)操作值

（不是Boolean()轉(zhuǎn)換后的值）??

(2)對(duì)于undefined、null和NaN的處理規(guī)則與邏輯與（&&）相同?
?6.?關(guān)系操作符（<,?>,?<=,?>=）?

與上述操作符一樣，關(guān)系操作符的操作值也可以是任意類型的，所以使用非數(shù)值類型參與比較時(shí)也需要系統(tǒng)進(jìn)行隱式類型轉(zhuǎn)換：?

(1)如果兩個(gè)操作值都是數(shù)值，則進(jìn)行數(shù)值比較??

(2)如果兩個(gè)操作值都是字符串，則比較字符串對(duì)應(yīng)的字符編碼值??

(3)如果只有一個(gè)操作值是數(shù)值，則將另一個(gè)操作值轉(zhuǎn)換為數(shù)值，進(jìn)行數(shù)值比較??

(4)?如果一個(gè)操作數(shù)是對(duì)象，則調(diào)用valueOf()方法（如果對(duì)象沒有valueOf()方法則調(diào)用toString()

方法），得到的結(jié)果按照前面的規(guī)則執(zhí)行比較??

(5)如果一個(gè)操作值是布爾值，則將其轉(zhuǎn)換為數(shù)值，再進(jìn)行比較??

注：NaN是非常特殊的值，它不和任何類型的值相等，包括它自己，同時(shí)它與任何類型的值比較大小時(shí)都返回false。?

7.?相等操作符（==）相等操作符會(huì)對(duì)操作值進(jìn)行隱式轉(zhuǎn)換后進(jìn)行比較：?
<script language="javascript">

</script>
3.顯式轉(zhuǎn)換
Number(mix)函數(shù)，可以將任意類型的參數(shù)mix轉(zhuǎn)換為數(shù)值類型。其規(guī)則為：?

(1)?如果是布爾值，true和false分別被轉(zhuǎn)換為1和0?
(2)如果是數(shù)字值，返回本身。??
(3)如果是null，返回0.??

(4)?如果是undefined，返回NaN。
(5)?如果是字符串，遵循以下規(guī)則：?
(6)如果字符串中只包含數(shù)字，則將其轉(zhuǎn)換為十進(jìn)制（忽略前導(dǎo)0）??
?? ?如果字符串中包含有效的浮點(diǎn)格式，將其轉(zhuǎn)換為浮點(diǎn)數(shù)值（忽略前導(dǎo)0）??
??? 如果是空字符串，將其轉(zhuǎn)換為0??

??? 如果字符串中包含非以上格式，則將其轉(zhuǎn)換為NaN??

(7)?如果是對(duì)象，則調(diào)用對(duì)象的valueOf()方法，然后依據(jù)前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是NaN，則調(diào)用對(duì)象的toString()方法，再次依照前面的規(guī)則轉(zhuǎn)換返回的字符串值。??

下表列出了對(duì)象的valueOf()的返回值：?
對(duì)象??? 返回值?
???????? ?數(shù)組的元素被轉(zhuǎn)換為字符串，這些字符串由逗號(hào)分隔，連接在一起。其操作
Array ?與?Array.toString?和?Array.join?方法相同。?
Boolean?Boolean?值。?
Date?存儲(chǔ)的時(shí)間是從?1970?年?1?月?1?日午夜開始計(jì)的毫秒數(shù)?UTC。?
?Function?函數(shù)本身。?
Number?數(shù)字值。?

Object?對(duì)象本身。這是默認(rèn)情況。?
String?字符串值。?

parseInt(string,?radix)函數(shù)，將字符串轉(zhuǎn)換為整數(shù)類型的數(shù)值。它也有一定的規(guī)則：???

（1）?忽略字符串前面的空格，直至找到第一個(gè)非空字符?
（2）如果第一個(gè)字符不是數(shù)字符號(hào)或者負(fù)號(hào)，返回NaN??

（3）?如果第一個(gè)字符是數(shù)字，則繼續(xù)解析直至字符串解析完畢或者遇到一個(gè)非數(shù)字符號(hào)為止
（4）如果上步解析的結(jié)果以0開頭，則將其當(dāng)作八進(jìn)制來解析；如果以0x開頭，則將其當(dāng)作十六進(jìn)

制來解析??

（5）如果指定radix參數(shù)，則以radix為基數(shù)進(jìn)行解析??
parseFloat(string)函數(shù)，將字符串轉(zhuǎn)換為浮點(diǎn)數(shù)類型的數(shù)值。?

它的規(guī)則與parseInt基本相同，但也有點(diǎn)區(qū)別：字符串中第一個(gè)小數(shù)點(diǎn)符號(hào)是有效的，另外parseFloat會(huì)忽略所有前導(dǎo)0，如果字符串包含一個(gè)可解析為整數(shù)的數(shù)，則返回整數(shù)值而不是浮點(diǎn)數(shù)值。?

toString(radix)方法。除undefined和null之外的所有類型的值都具有toString()方法，其作用是返回對(duì)象的字符串表示。
?對(duì)象?操作?

Array?將?Array?的元素轉(zhuǎn)換為字符串。結(jié)果字符串由逗號(hào)分隔，且連接起來。
?Boolean?如果?Boolean?值是?true，則返回?“true”。否則，返回?“false”。?
Date?返回日期的文字表示法。?

Error?返回一個(gè)包含相關(guān)錯(cuò)誤信息的字符串。?

Function?返回如下格式的字符串，其中?functionname?是被調(diào)用?toString?方法函數(shù)的名稱：??function?functionname(?)?{?[native?code]?}?

Number?返回?cái)?shù)字的文字表示。?String?返回?String?對(duì)象的值。?

默認(rèn)?返回?“[object?objectname]”，其中?objectname?是對(duì)象類型的名稱。?

String(mix)函數(shù)，將任何類型的值轉(zhuǎn)換為字符串，其規(guī)則為：?

（1）如果有toString()方法，則調(diào)用該方法（不傳遞radix參數(shù)）并返回結(jié)果?
（2）?如果是null，返回”null”??

（3）?如果是undefined，返回”undefined”??

6、Boolean(mix)函數(shù)，將任何類型的值轉(zhuǎn)換為布爾值。?以下值會(huì)被轉(zhuǎn)換為false：false、”"、0、NaN、null、undefined，其余任何值都會(huì)被轉(zhuǎn)換為true
<script language="javascript">

</script>
示例分?jǐn)?shù)---編寫一個(gè)程序，記錄學(xué)生的《高等數(shù)學(xué)》成績，要求集中輸出60-69，70-79，80-89和90-100各個(gè)分?jǐn)?shù)段的學(xué)生名字
<script language="javascript">

</script>
示例--處理文本
<script language="javascript">

</script
二。JavaScript數(shù)據(jù)的表示：

整數(shù)：由正負(fù)號(hào)、數(shù)字構(gòu)成，八進(jìn)制、十進(jìn)制、十六進(jìn)制；

浮點(diǎn)數(shù)：由正負(fù)號(hào)、數(shù)字和小數(shù)點(diǎn)構(gòu)成，常規(guī)記數(shù)法、科學(xué)記數(shù)法；

邏輯值：true、false

字符串值：單引號(hào)、雙引號(hào)

空值：null

未定義值：根本不存在的對(duì)象、已定義但沒有賦值的量；

三。JavaScript常量：

布爾常量：true　　false

整數(shù)常量：3721　　0007　　0xaff（0Xaff）

浮點(diǎn)數(shù)常量：3.14　　.001　　3.721e+3　　-3.721E-3

字符串常量："你的E-mail地址有誤！"

含轉(zhuǎn)義字符的字符串常量：

轉(zhuǎn)義字符意義

\b	退格（Backspace）
\f	換頁（Form feed）
\n	換行（New line）
\r	返回（Carriage return）
\t	制表符（Tab）
\'	單引號(hào)（'）
\"	雙引號(hào)（"）
\\	反斜線（\）

document.write("我愛\'JavaScript\'")?

document.write("文件在c:\\windows\\下")?

document.write("<pre>未滿十八歲\n不得進(jìn)入！</pre>")?

document.write("未滿十八歲<br>不得進(jìn)入！")?

document.alert("密碼不對(duì)\n請(qǐng)重新輸入！")?
數(shù)組常量：
hobby=["聽音樂","看電影"]
hobby[0]、hobby[1]
hobby=["聽音樂",,"看電影",]?
hobby[0]、hobby[1]、hobby[2]、hobby[3]

四。JavaScript變量：

變量命名規(guī)則：?

1.首字符必須是大寫或小寫的字母或下劃線（_）或美元符（$）;
2.后續(xù)的字符可以是字母、數(shù)字、下劃線或美元符;
3.變量名稱不能是保留字；
4.長度是任意；
5.區(qū)分大小寫；
6.約定：集中置頂；
　　　使用局部變量；
　　　易于理解；stdId
　　　避免混亂。usrname　　usrName
聲明變量：

var stdId;
var name,sex;
var total=3721;
var notNull=true;
var name="李小龍"，sex="先生";
var i=j=0;

變量賦值：
stdId = 2004007;

變量作用域：（方式、位置）

全局變量：省略var，或在函數(shù)外聲明
局部變量：在函數(shù)內(nèi)聲明
全局變量可在整個(gè)腳本中被使用，可在不同的窗口中相互引用（指定窗口名）
例：
<Script>
var langJS = "JavaScript"; //langJS是全局變量
test();
function test() {
????var langVBS = "VBScript"; //langVBS是局部變量
????document.write("<LI>" + langJS);
????document.write("<LI>" + langVBS);?
}

document.write("<LI>" + langJS);
document.write("<LI>" + langVBS);
</Script>

總結(jié)

以上是生活随笔為你收集整理的JavaScript的数据类型---最全，最详细的数据类型，高级的工程师从数据类型开始的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： JavaScript表达式--掌握最全的
下一篇： JavaScript的格式--从格式做起