當前位置：首頁 >

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

發布時間：2025/6/15 45 豆豆

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

一.基本數據類型

??1.字符串數據類型
???? var hello="你好啊";
???? var hello='你好啊';
示例：
<script language="javascript">

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

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

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

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

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

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

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

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

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

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

</script>
6.掌握數組對象--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>
三.其他數據類型
1.使用函數--function TypeName([arg,…]){this.arg=arg;}
<script language="javascript">

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

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

</script>
四.數據類型的轉換

1.Javascript類型轉換的規則：Javascript的變量是松散類型的，它可以存儲Javascript支持的任何數據類型，其變量的類型可以在運行時被動態改變
2..隱式類型轉換

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

（1）?如果是包含有效數字字符的字符串，先將其轉換為數字值（轉換規則同Number()），在執行加

減1的操作，字符串變量變為數值變量。??

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

??如果兩個操作值都是數值，其規則為：??
?? (1)?如果一個操作數為NaN，則結果為NaN??
?? (2)?如果是Infinity+Infinity，結果是Infinity??
?? (3)?如果是-Infinity+(-Infinity)，結果是-Infinity??
?? (4)?如果是Infinity+(-Infinity)，結果是NaN??
?? (5)如果是+0+(+0)，結果為+0??

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

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

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

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

4.乘除、減號運算符、取模運算符?

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

Boolean()轉換后的值）??

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

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

(1)?如果第一個操作值經Boolean()轉換后為false，則返回第二個操作值，否則返回第一個操作值

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

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

與上述操作符一樣，關系操作符的操作值也可以是任意類型的，所以使用非數值類型參與比較時也需要系統進行隱式類型轉換：?

(1)如果兩個操作值都是數值，則進行數值比較??

(2)如果兩個操作值都是字符串，則比較字符串對應的字符編碼值??

(3)如果只有一個操作值是數值，則將另一個操作值轉換為數值，進行數值比較??

(4)?如果一個操作數是對象，則調用valueOf()方法（如果對象沒有valueOf()方法則調用toString()

方法），得到的結果按照前面的規則執行比較??

(5)如果一個操作值是布爾值，則將其轉換為數值，再進行比較??

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

7.?相等操作符（==）相等操作符會對操作值進行隱式轉換后進行比較：?
<script language="javascript">

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

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

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

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

(7)?如果是對象，則調用對象的valueOf()方法，然后依據前面的規則轉換返回的值。如果轉換的結果是NaN，則調用對象的toString()方法，再次依照前面的規則轉換返回的字符串值。??

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

Object?對象本身。這是默認情況。?
String?字符串值。?

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

（1）?忽略字符串前面的空格，直至找到第一個非空字符?
（2）如果第一個字符不是數字符號或者負號，返回NaN??

（3）?如果第一個字符是數字，則繼續解析直至字符串解析完畢或者遇到一個非數字符號為止
（4）如果上步解析的結果以0開頭，則將其當作八進制來解析；如果以0x開頭，則將其當作十六進

制來解析??

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

它的規則與parseInt基本相同，但也有點區別：字符串中第一個小數點符號是有效的，另外parseFloat會忽略所有前導0，如果字符串包含一個可解析為整數的數，則返回整數值而不是浮點數值。?

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

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

Error?返回一個包含相關錯誤信息的字符串。?

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

Number?返回數字的文字表示。?String?返回?String?對象的值。?

默認?返回?“[object?objectname]”，其中?objectname?是對象類型的名稱。?

String(mix)函數，將任何類型的值轉換為字符串，其規則為：?

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

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

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

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

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

</script
二。JavaScript數據的表示：

整數：由正負號、數字構成，八進制、十進制、十六進制；

浮點數：由正負號、數字和小數點構成，常規記數法、科學記數法；

邏輯值：true、false

字符串值：單引號、雙引號

空值：null

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

三。JavaScript常量：

布爾常量：true　　false

整數常量：3721　　0007　　0xaff（0Xaff）

浮點數常量：3.14　　.001　　3.721e+3　　-3.721E-3

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

含轉義字符的字符串常量：

轉義字符意義

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

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

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

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

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

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

四。JavaScript變量：

變量命名規則：?

1.首字符必須是大寫或小寫的字母或下劃線（_）或美元符（$）;
2.后續的字符可以是字母、數字、下劃線或美元符;
3.變量名稱不能是保留字；
4.長度是任意；
5.區分大小寫；
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，或在函數外聲明
局部變量：在函數內聲明
全局變量可在整個腳本中被使用，可在不同的窗口中相互引用（指定窗口名）
例：
<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>

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

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

日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

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

總結