搜尋
首頁web前端前端問答Javascript的資料型別不包括什麼

Javascript的資料類型不包括Symbol,JavaScript有6種資料類型,分別是Undefined、Null、Boolean、Number、String和Object。

Javascript的資料型別不包括什麼

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

Javascript的資料型別不包含什麼?

#本文根據(JavaScript高階程式設計(第3版))總結

JavaScript之六大資料型別(不包括Symbol)

#JavaScript 有6中資料型別-UndefinedNullBooleanNumberStringObject

ES6中有7種, 多了一種資料類型Symbol, 本文不涉及.

Undefined表示未定義,Null表示空,Boolean表示布林值,Number表示數值,String表示字串。
通常我們可以用typeof運算子來偵測變數的資料型態。

注意typeof是操作子!操作符!操作符!

typeof運算子應用規則:

  • "undefined"-這個值是未定義的。
  • "boolean"—這個值是布林值
  • "string"—這個值是字串
  • #"number"--這個值是數值
  • "object"--這個值是物件或Null
  • "function" —這個值是函數

例如字串str="我是String類型":

<p style="line-height: normal;">console.log(typeof str) //"string" 注意typeof操作符的返回的结果是字符串<br/></p>

對於typeof運算子, 還有一點詭異的地方,那就是:
1. typeof對null返回"object"
2. typeof對未宣告的變數回傳"undefined "
3. typeof對宣告而未初始化的變數也會傳回"undefined"

var s = null
console.log(typeof s) //"object"
console.log(typeof a) //"undefined", 注意变量a未声明
var b;
console.log(typeof b) //"undefined", 注意变量b声明但未初始化

因為typeof的詭異特性,而且我們還需進步知道變數的具體訊息,我們常用instanceof來確定變數的資料類型。

Undefined和Null

UndefinedNull型別只有一個值,那分別是undefinednull
對於undefined來說,需要記住下面兩點:

  1. 已宣告但未初始化的變數值為undefined(參考上面程式碼)
  2. undefinednull相等
console.log(undefined == null) //true

對於null來說,需要記住兩點:

  1. typeof null 回傳"object",從邏輯上看,null為object的引用(範例見typeof
  2. undefinednull相等

#Boolean

Boolean類型有兩個值— —truefalse
任何資料可以呼叫布林函數Boolean(), 會傳回一個布林值。

##Object任何物件nullUndefined不適用undefined#Null不適用null
類型 true false
Boolean true false
String #非零字串 「」(空字串)
Number 非零數字(包括無窮大) 0和NaN
####

为了便于记忆, 只需记住false""(空字符串),0NaNnullundefined会使Boolean()函数变为false,其他为true即可。

代码范例:

console.log(Boolean(true)) //trueconsole.log(Boolean(""))   //falseconsole.log(Boolean(1))  //trueconsole.log(Boolean(null)) //false

Number

Number类型使用IEEE754格式表示整数和浮点数。对于整数,JavaScript若遇到八进制和十六进制数会自动转换为十进制数, 若数的范围超过八进制和十六进制的便是范围则解析为是十进制数。

console.log(070) //56console.log(0xA) //10

八进制在严格模式下出错。

对于浮点数,Javascript会将小数点后全为0的小数和小数点后没有数字的小数自动转换为整数。

console.log(1.00) //1console.log(10.) //10

浮点数最高精度为17位小数, 但是在算术运算时需要注意下面的式子:

console.log(0.1+0.2) //0.30000000000000004

这也是IEEE754格式表示的通病。

数值范围

Number有两个属性表示JavaScript的数值范围——Number.MAX_VALUENumber.MIN_VALUENumber.MAX_VALUE表示在JavaScript中最大的值,若超出其范围则会转为infinity
Number.MIN_VALUE表示在JavaScript中最小的正值,若超出其范围则会转为0
Number.MAX_VALUE 在大多数浏览其中是1.7976931348623157e+308.
我们可以通过isFinite()方法来确定变量是否在Number.MAX_VALUENumber.MIN_VALUE之间,若在,则返回true, 反之则返回false

var num = Number.MAX_VALUE+Number.MAX_VALUE;  //超出了Number.MAX_VALUEconsole.log(isFinite(num)); //false

Number中有个特殊值–NaN, 这个数表示非数值(Not a number). 这个数有两个特点:

  1. 任何设计NaN的操作都返回NaN.
  2. NaN不等于任何值(包括它本身).

我们通常可以用isNaN()函数确定某个变量是否是NaN.

console.log(isNaN(NaN))  // trueconsole.log(isNaN("1"))  //false

数值转换 Number(), parseInt()和parseFloat()

有三个函数可以讲将数值转换为数值类型: Number(), parseInt(), parseFloat().
Number()函数的转换规则如下:

  • 对于Boolean类型数值, true转换为1, false转换为0
  • null转换为0
  • undefined转换为NaN
  • String类型的值按以下规则转换
    • 若字符串中只包含数字(包括前面带正负号), 则将其转换为十进制数. 且忽略前导0.
    • 若字符串包含有效的浮点格式数, 则转换为浮点数. 忽略前导0.
    • 若字符串包含有效的十六进制格式(如"0xf"), 则将其转换为相同大小的十进制数.
    • 若为空串, 则转换为0
    • 若字符串包含上述格式之外的其他子, 则转换为NaN
  • 待转换类型是对象时, 调用对象的valueOf()方法返回某一值, 再按前面的方法转换(第一次转换)
    • 当第一次转换结果为NaN时, 调用对象的toString()方法返回字符串值, 再按前面的方法转换

parseInt()函数有两个参数, 第一个参数为待转换的字符串(若不是字符串则使用ToString()函数转换为字符串), 第二个参数2到36之间的一个数, 作为基数使用. 基数可以省略, 默认基数为10.

parseInt() 在解析第一个参数(字符串)时会忽略字符串前面的空格, 知道找到第一个非空格字符. 如果第一个字符不是数字字符或者负号, parseInt()会返回NaN; 也就是说, 用parseInt() 转换空字符串会返回NaN(Number对空字符串返回0). 如果第一个字符是数字字符, parseInt() 会继续解析第二个字符, 直到解析完所有后续字符或者遇到了一个非数字字符.
来源于(JavaScript高级程序设计(第3版))

console.log(parseInt("   1234blue")) //1234console.log(parseInt("")) //NaNconsole.log(parseInt("AF", 16)) //175

parseFloat() 相比于前两个, 他只能解析十进制数. 当解析的字符串可以解析成整数时也会被解析位整数.

console.log(parseFloat("1234basd")) // 1234console.log(parseFloat("22.5") // 22.5

更多信息可以查看文档:
Number Object
parseInt()和parseFloat()

String

String 类型常用语表示16位Unicode字符组成的字符序列, 也就是我们常说的字符串. 字符串有个鲜明的特点, 那就是字符串一旦创建, 他们的值就不会改变.

字符字面量

String类型若想包含一些特殊字符如 ‘(单引号)或 ” (双引号) , 就必须使用转义字符. 也可以叫它们字符字面量.
常用字符字面量如下所示:

字面量 含义
\n 换行符
\t 制表符
\b 退格符
\r 回车符
\f 换页符
\ 斜杠
\’ 单引号
\” 双引号
\xnn x表示十六进制, n为0-F, nn表示一个字符. 如\x41表示”A”
\unnnn u表示Unicode, 也为十六进制. nnnn表示一个十六进制的Unicode字符

例如:

console.log("这是单引号: \&#39;")    //这是单引号: &#39;console.log("这是\n换行符")/*
这是
换行符
*/console.log("这是大写字母: \x41")  //这是大写字母: A

转换为字符串 toString()和String()

大部分值都有toString()方法, 因此我们可以使用这个方法.

var a = 2console.log(a.toString()) //2var b = trueconsole.log(b.toString()) //true

还可以给toString()添加一个参数, 这个参数表示基数.

var num = 7console.log(num.toString(2)) //111console.log(num.toString(3)) //21

前面说了大部分值可以使用toString()方法, 那么哪些值不能使用呢? 那就是nullundefined.
当我们需要将一个变量A转换为字符串时, 假如我们不知道变量A是否是nullundefined, 我们可以使用String()函数. 这个函数可以讲任意类型的值转换为字符串. 其规则如下:

  • 如果可以调用toString()方法则调用该方法.
  • 如果是null, 则返回"null"
  • 如果是undefined, 则返回"undefined"

Object

Object 类型俗称对象, 对象的实例通常使用new操作符进行创建. 对象的实例还是对象, 我们会在对象的实例中添加属性和方法.

var obj = new Object();

Object的实例有下列基本的属性和方法:

  1. constructor
    constructor属性保存着穿件当前对象的函数, 也叫构造函数. 如上例中的Object()
  2. hasOwnProperty(propertyName)
    这个方法用于检测当前对象实例中是否有属性名为propertyName的属性. propertyName必须为字符串
  3. isPrototypeOf(object)
    其用于检查传入的对象object是否为当前对象实例的原型
  4. propertyIsEnumerable(propertyName)
    用于检查给定的属性propertyName是否可以用for-in语句来枚举. propertyName必须为字符串
  5. toLocaleString(), toString(), valueOf()
    这三个方法都可以返回对象的字符串表示, valueOf()还可以返回对象的数值, 布尔值表示.
    可以参考这篇文章:Javascript toString()、toLocaleString()、valueOf()三个方法的区别-博客园-一个悬浮在空中的胖子
var obj = new Object()
obj.constructor //ƒ Object() { [native code] }obj.name = "ES" //给obj添加属性obj.hasOwnProperty("name")  //true, 注意参数必须为字符串形式obj.propertyIsEnumerable("name")    //trueobj.toString()  //"[object Object]"

推荐学习:《javascript高级教程

以上是Javascript的資料型別不包括什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
React與後端框架:比較React與後端框架:比較Apr 13, 2025 am 12:06 AM

React是前端框架,用於構建用戶界面;後端框架用於構建服務器端應用程序。 React提供組件化和高效的UI更新,後端框架提供完整的後端服務解決方案。選擇技術棧時需考慮項目需求、團隊技能和可擴展性。

HTML和React:標記與組件之間的關係HTML和React:標記與組件之間的關係Apr 12, 2025 am 12:03 AM

HTML和React的關係是前端開發的核心,它們共同構建現代Web應用的用戶界面。 1)HTML定義內容結構和語義,React通過組件化構建動態界面。 2)React組件使用JSX語法嵌入HTML,實現智能渲染。 3)組件生命週期管理HTML渲染,根據狀態和屬性動態更新。 4)使用組件優化HTML結構,提高可維護性。 5)性能優化包括避免不必要渲染,使用key屬性,保持組件單一職責。

反應與前端:建立互動體驗反應與前端:建立互動體驗Apr 11, 2025 am 12:02 AM

React是構建交互式前端體驗的首選工具。 1)React通過組件化和虛擬DOM簡化UI開發。 2)組件分為函數組件和類組件,函數組件更簡潔,類組件提供更多生命週期方法。 3)React的工作原理依賴虛擬DOM和調和算法,提高性能。 4)狀態管理使用useState或this.state,生命週期方法如componentDidMount用於特定邏輯。 5)基本用法包括創建組件和管理狀態,高級用法涉及自定義鉤子和性能優化。 6)常見錯誤包括狀態更新不當和性能問題,調試技巧包括使用ReactDevTools和優

React和前端堆棧:工具和技術React和前端堆棧:工具和技術Apr 10, 2025 am 09:34 AM

React是一個用於構建用戶界面的JavaScript庫,其核心是組件化和狀態管理。 1)通過組件化和狀態管理簡化UI開發。 2)工作原理包括調和和渲染,優化可通過React.memo和useMemo實現。 3)基本用法是創建並渲染組件,高級用法包括使用Hooks和ContextAPI。 4)常見錯誤如狀態更新不當,可使用ReactDevTools調試。 5)性能優化包括使用React.memo、虛擬化列表和CodeSplitting,保持代碼可讀性和可維護性是最佳實踐。

React在HTML中的作用:增強用戶體驗React在HTML中的作用:增強用戶體驗Apr 09, 2025 am 12:11 AM

React通過JSX與HTML結合,提升用戶體驗。 1)JSX嵌入HTML,使開發更直觀。 2)虛擬DOM機制優化性能,減少DOM操作。 3)組件化管理UI,提高可維護性。 4)狀態管理和事件處理增強交互性。

REACT組件:在HTML中創建可重複使用的元素REACT組件:在HTML中創建可重複使用的元素Apr 08, 2025 pm 05:53 PM

React組件可以通過函數或類定義,封裝UI邏輯並通過props接受輸入數據。 1)定義組件:使用函數或類,返回React元素。 2)渲染組件:React調用render方法或執行函數組件。 3)復用組件:通過props傳遞數據,構建複雜UI。組件的生命週期方法允許在不同階段執行邏輯,提升開發效率和代碼可維護性。

反應嚴格模式目的反應嚴格模式目的Apr 02, 2025 pm 05:51 PM

React嚴格模式是一種開發工具,可通過激活其他檢查和警告來突出反應應用中的潛在問題。它有助於識別遺產代碼,不安全的生命週期和副作用,鼓勵現代反應實踐。

反應碎片使用反應碎片使用Apr 02, 2025 pm 05:50 PM

React片段允許將兒童分組而沒有額外的DOM節點,增強結構,性能和可訪問性。他們支持鑰匙以進行有效的列表渲染。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具