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

歡迎訪問 生活随笔!

生活随笔

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

javascript

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

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

目錄

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

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

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

(一)String類型

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

(二)Number類型

1、字面量

Number類型即數(shù)字類型,可分為整數(shù)、浮點數(shù)和NaN,其中浮點數(shù)是帶有小數(shù)點且至少有一位的數(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é)果如下,可見八進(jìn)制和十六進(jìn)制字面量都被轉(zhuǎn)換為十進(jìn)制數(shù)值:

2、無窮大

Infinity即無窮大,表示結(jié)果超出了計算機(jī)可以表示的浮點數(shù)的最大范圍,可分為正無窮(Infinity)和負(fù)無窮(-Infinity),在涉及 > 和 < 比較時,所有的數(shù)值都比負(fù)無窮大,另外所有的數(shù)值都比正無窮小。
例如下列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>

控制臺中:

3、非數(shù)值

NaN是非數(shù)值,表示一個本來要返回數(shù)值的操作數(shù)但未返回數(shù)值的情況,比如在JavaScript中0除以0,它返回的是NaN,這樣就不會拋出異常,從而不影響其它代碼的執(zhí)行。
NaN與任何操作都會返回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>

控制臺中:

(三)Boollean類型

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

(四)Undefined類型和Null類型

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

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

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

(一)Object類型

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

<!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、通過對象字面量創(chuàng)建Object實例,使用花括號“{}”創(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ù)組每一項可以是任何一種數(shù)據(jù)類型的數(shù)據(jù),且數(shù)組的大小是可以動態(tài)調(diào)整的,即根據(jù)數(shù)據(jù)的增加而自動增長以容納更多數(shù)據(jù)。
1、可以通過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>

控制臺中顯示了number1[]和number2[]數(shù)組的長度大小以及數(shù)組中的每項:

展開后可看到length:0和length:3,如下:

2、通過數(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]); //在控制臺中顯示數(shù)組thing3的第1項thing3[2] = 100; //修改數(shù)組thing3中的第三項為100console.log(thing3);thing3[3] = "llk"; //增加數(shù)組thing3中的第四項為llkconsole.log(thing3);</script></body></html>

控制臺中:

可以通過數(shù)組名.length返回數(shù)組的長度:

<!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>

控制臺中:

(三)RegExp類型

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

(四)Function類型

Function類型即函數(shù)類型,函數(shù)實際上是對象,每個函數(shù)都是Function類型的實例,函數(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>

控制臺中:

2、使用函數(shù)聲明語法定義函數(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>

控制臺中:

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>

控制臺中:

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

可以通過typeof操作符來查看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>

控制臺中:

總結(jié)

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

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