日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

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

javascript

Web前端开发笔记——第四章 JavaScript程序设计 第三节 数据类型

發(fā)布時(shí)間:2024/2/28 javascript 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Web前端开发笔记——第四章 JavaScript程序设计 第三节 数据类型 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

目錄

  • 一、基本數(shù)據(jù)類型
    • (一)String類型
    • (二)Number類型
      • 1、字面量
      • 2、無(wú)窮大
      • 3、非數(shù)值
    • (三)Boollean類型
    • (四)Undefined類型和Null類型
  • 二、引用數(shù)據(jù)類型
    • (一)Object類型
    • (二)數(shù)組類型
    • (三)RegExp類型
    • (四)Function類型
  • 三、查看變量數(shù)據(jù)類型

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

JavaScript中包括兩種不同數(shù)據(jù)類型,分為基本數(shù)據(jù)類型和引用數(shù)據(jù)類型,前者指簡(jiǎn)單的數(shù)據(jù)段,后者指多個(gè)值構(gòu)成的對(duì)象。

(一)String類型

String類型即字符串類型,字符串可以包括在單引號(hào)或雙引號(hào)內(nèi),若字符串本身含有單引號(hào)則字符串應(yīng)該包括在雙引號(hào)內(nèi),反正則在單引號(hào)內(nèi)。

(二)Number類型

1、字面量

Number類型即數(shù)字類型,可分為整數(shù)、浮點(diǎn)數(shù)和NaN,其中浮點(diǎn)數(shù)是帶有小數(shù)點(diǎn)且至少有一位的數(shù),它占用的內(nèi)存空間是整數(shù)的兩倍。
固定的值稱為字面量,JavaScript中有不同的數(shù)值字面量格式,最基本的字面量是十進(jìn)制,八進(jìn)制和十六進(jìn)制的字面量可以這樣表示,例如下列HTML代碼,如下:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var a = 100;//十進(jìn)制字面量var b = 017;//八進(jìn)制字面量,八進(jìn)制的第一位必須為0var c = 0xBF;//十六進(jìn)制字面量,十六進(jìn)制的前兩位必須為0x,字母A-F不區(qū)分大小寫console.log(a, b, c);</script></body></html>

運(yùn)行結(jié)果如下,可見(jiàn)八進(jìn)制和十六進(jìn)制字面量都被轉(zhuǎn)換為十進(jìn)制數(shù)值:

2、無(wú)窮大

Infinity即無(wú)窮大,表示結(jié)果超出了計(jì)算機(jī)可以表示的浮點(diǎn)數(shù)的最大范圍,可分為正無(wú)窮(Infinity)和負(fù)無(wú)窮(-Infinity),在涉及 > 和 < 比較時(shí),所有的數(shù)值都比負(fù)無(wú)窮大,另外所有的數(shù)值都比正無(wú)窮小。
例如下列HTML代碼:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var a = 1 / 0;console.log(a);var b = -1 / 0;console.log(b);</script></body></html>

控制臺(tái)中:

3、非數(shù)值

NaN是非數(shù)值,表示一個(gè)本來(lái)要返回?cái)?shù)值的操作數(shù)但未返回?cái)?shù)值的情況,比如在JavaScript中0除以0,它返回的是NaN,這樣就不會(huì)拋出異常,從而不影響其它代碼的執(zhí)行。
NaN與任何操作都會(huì)返回NaN,且它與任何值都不相等,包括其自身。
例如下列HTML代碼:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var a = 0 / 0;console.log(a);var b = NaN * 2;console.log(b);var c = "abcdef" - "122";console.log(c)</script></body></html>

控制臺(tái)中:

(三)Boollean類型

Boollean類型即布爾類型,它有兩個(gè)字面值:true和false,要注意true不一定等于1,false不一定等于0,且布爾類型區(qū)分大小寫,即True和False不是布爾值。

(四)Undefined類型和Null類型

Undefined類型只有Undefined,表示變量不含有值,即在使用var聲明變量時(shí)但未初始化的值。
Null類型也只有Null,它表示一個(gè)空對(duì)象指針,用于保存對(duì)象的變量之前先初始化變量。

二、引用數(shù)據(jù)類型

引用數(shù)據(jù)類型可分為Object類型、數(shù)組類型、data類型、regexp類型和function類型。

(一)Object類型

Object對(duì)象是一組數(shù)據(jù)和功能的集合,可以通過(guò)new操作符或?qū)ο笞置媪俊?br /> 1、通過(guò)new操作符后跟Object()構(gòu)造函數(shù)來(lái)創(chuàng)建Object實(shí)例,這里使用關(guān)鍵詞 “new” 來(lái)聲明其類型。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var office = new Object();office.name = "xiaoming";office.sex = "男";office.age = 30;</script></body></html>

2、通過(guò)對(duì)象字面量創(chuàng)建Object實(shí)例,使用花括號(hào)“{}”創(chuàng)建。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var office {name = "xiaoming";sex = "男";age = 30;}</script></body></html>

(二)數(shù)組類型

JavaScript中的數(shù)組每一項(xiàng)可以是任何一種數(shù)據(jù)類型的數(shù)據(jù),且數(shù)組的大小是可以動(dòng)態(tài)調(diào)整的,即根據(jù)數(shù)據(jù)的增加而自動(dòng)增長(zhǎng)以容納更多數(shù)據(jù)。
1、可以通過(guò)Array()構(gòu)造函數(shù)創(chuàng)建數(shù)組。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var number1 = new Array();console.log(number1);var number2 = new Array(10, "ada", 1.233);console.log(number2);</script></body></html>

控制臺(tái)中顯示了number1[]和number2[]數(shù)組的長(zhǎng)度大小以及數(shù)組中的每項(xiàng):

展開(kāi)后可看到length:0和length:3,如下:

2、通過(guò)數(shù)組字面量創(chuàng)建數(shù)組。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var thing1 = [];console.log(thing1);var thing2 = [0];console.log(thing2);var thing3 = ["xiaom", 123, 0];console.log(thing3);console.log(thing3[0]); //在控制臺(tái)中顯示數(shù)組thing3的第1項(xiàng)thing3[2] = 100; //修改數(shù)組thing3中的第三項(xiàng)為100console.log(thing3);thing3[3] = "llk"; //增加數(shù)組thing3中的第四項(xiàng)為llkconsole.log(thing3);</script></body></html>

控制臺(tái)中:

可以通過(guò)數(shù)組名.length返回?cái)?shù)組的長(zhǎng)度:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var thing3 = ["xiaom", 123, 0];console.log(thing3.length);</script></body></html>

控制臺(tái)中:

(三)RegExp類型

RegExp類型即正則表達(dá)式,正則表達(dá)式作為一個(gè)模板將某個(gè)字符模式與所搜索的字符串進(jìn)行匹配,它也有兩種方式來(lái)創(chuàng)建正則表達(dá)式。
1、使用RegExp()構(gòu)造函數(shù)來(lái)創(chuàng)建正則表達(dá)式,該函數(shù)接收兩個(gè)參數(shù),分別是要匹配的字符串模式和可選的標(biāo)志字符串。
2、使用字面量來(lái)創(chuàng)建正則表達(dá)式,由模式部分和標(biāo)志組成,即變量=/pattern/flags。
這里簡(jiǎn)單介紹了正則表達(dá)式,后續(xù)還會(huì)詳細(xì)介紹。

(四)Function類型

Function類型即函數(shù)類型,函數(shù)實(shí)際上是對(duì)象,每個(gè)函數(shù)都是Function類型的實(shí)例,函數(shù)的聲明有三種方式。
1、使用Function()構(gòu)造函數(shù)。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var f_sum = new Function("a", "b", "console.log(a+b)");f_sum(3, 5);</script></body></html>

控制臺(tái)中:

2、使用函數(shù)聲明語(yǔ)法定義函數(shù)。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>function f_sum(a, b) {console.log(a + b);}f_sum(3, 5);</script></body></html>

控制臺(tái)中:

3、使用函數(shù)表達(dá)式定義函數(shù)。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var f_sum = function(a, b) {console.log(a + b);};f_sum(3, 5);</script></body></html>

控制臺(tái)中:

三、查看變量數(shù)據(jù)類型

可以通過(guò)typeof操作符來(lái)查看JavaScript中變量的數(shù)據(jù)類型。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>console.log(typeof 0);console.log(typeof 100);console.log(typeof 3.1415);console.log(typeof NaN);console.log(typeof true);console.log(typeof [1, "xioaming", 3.45255]);console.log(typeof null);console.log(function(){});</script></body></html>

控制臺(tái)中:

總結(jié)

以上是生活随笔為你收集整理的Web前端开发笔记——第四章 JavaScript程序设计 第三节 数据类型的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

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