目錄
Undefined和Null
#Boolean
Number
数值范围
数值转换 Number(), parseInt()和parseFloat()
String
字符字面量
转换为字符串 toString()和String()
Object
首頁 web前端 前端問答 Javascript的資料型別不包括什麼

Javascript的資料型別不包括什麼

Jul 03, 2021 am 09:29 AM
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
類型truefalse
Booleantruefalse
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换页符
\斜杠
\’单引号
\”双引号
\xnnx表示十六进制, n为0-F, nn表示一个字符. 如\x41表示”A”
\unnnnu表示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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1654
14
CakePHP 教程
1413
52
Laravel 教程
1306
25
PHP教程
1252
29
C# 教程
1225
24
如何使用WebSocket和JavaScript實現線上語音辨識系統 如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術 WebSocket與JavaScript:實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

如何利用JavaScript和WebSocket實現即時線上點餐系統 如何利用JavaScript和WebSocket實現即時線上點餐系統 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

如何使用WebSocket和JavaScript實現線上預約系統 如何使用WebSocket和JavaScript實現線上預約系統 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代,越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統,並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工

JavaScript與WebSocket:打造高效率的即時天氣預報系統 JavaScript與WebSocket:打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

javascript如何使用insertBefore javascript如何使用insertBefore Nov 24, 2023 am 11:56 AM

用法:在JavaScript中,insertBefore()方法用於在DOM樹中插入一個新的節點。這個方法需要兩個參數:要插入的新節點和參考節點(即新節點將要插入的位置的節點)。

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

JavaScript中的HTTP狀態碼取得方法簡介:在進行前端開發中,我們常常需要處理與後端介面的交互,而HTTP狀態碼就是其中非常重要的一部分。了解並取得HTTP狀態碼有助於我們更好地處理介面傳回的資料。本文將介紹使用JavaScript取得HTTP狀態碼的方法,並提供具體程式碼範例。一、什麼是HTTP狀態碼HTTP狀態碼是指當瀏覽器向伺服器發起請求時,服務

See all articles