js判斷數據類型

GitChat 發布于2019-08-26 10:34 / 2220人閱讀

摘要：中的數據類型變量包含兩種不同的數據類型的值基本類型值和引用類型值。對于引用類型返回均為使用檢測引用型數據類型時的最佳選擇是因為根據規定，所用引用類型的值都是的實例，因此都是返回引用類型與基本包裝類型的主要區別就是對象的生存期。

javaScript中的數據類型

ECMAScript 變量包含兩種不同的數據類型的值：基本類型值和引用類型值。 基本數據類型指的是簡單的數據段，而引用數據類型指那些可能有多個值組成的對

基本類型（值類型）

Undefined 在使用var聲明變量但未對其初始化時，或者使用了一個并未聲明的變量時，又或者使用了一個并不存在的對象屬性時，這個變量的值就是undefined。

Null 從邏輯上看，null值表示一個空對象指針，獨一無二。

Boolean true、false

Number NaN，即非數值（Not a Number）是一個特殊的數值，這個數值用于表示一個本來要返回數值的操作數未返回數值的情況（這樣就不會拋出錯誤了）

String 字符串可以由"" 或 "" 表示。 ES中字符串是不可改變的，也就是說，字符串一旦創建，它們的值就不能改變。要改變某個變量保存的字符串，首先要銷毀原來的字符串，然后再用另一個包含新值的字符串填充該變量。

? 這五種基本數據類型是按值訪問的，因為可以操作保存在變量中的實際的值。

復雜類型（引用類型）

Object 對象其實就是一組數據和功能的集合。對象可以通過new操作符后跟要創建的對象類型的名稱來創建。而創建Object的實例并為其添加屬性和方法，就可以自定義對象。

Object類型

Array類型

Date類型

RegExp類型

Function類型

? 引用類型的值是保存在內存中的對象。與其他語言不同，js不允許直接訪問內存中的位置，也就是說不能直接操作對象的內存空間。操作對象時，實際上是在操作對象的引用而不是實際的對象。(這種說法不太嚴謹，為對象添加屬性時，操作的是實際的對象)。

值類型與引用類型的差別

基本類型在內存中占據固定大小的空間，因此被保存在棧內存中

從一個變量向另一個變量復制基本類型的值，復制的是值的副本

引用類型的值是對象，保存在堆內存

包含引用類型值的變量實際上包含的并不是對象本身，而是一個指向該對象的指針

從一個變量向另一個變量復制引用類型的值的時候，復制是引用指針，因此兩個變量最終都指向同一個對象

判斷數據類型 使用typeof

檢測基本數據類型的最佳選擇是使用typeof

var bool = true
var num = 1
var str = "abc"
var und = undefined
var nul = null
var arr = [1,2,3]
var obj = {}
var fun = function(){}
var reg = new RegExp()

console.log(typeof bool); //boolean
console.log(typeof num); //number
console.log(typeof str); //string
console.log(typeof und); //undefined
console.log(typeof nul); //object
console.log(typeof arr); //object
console.log(typeof obj); //object
console.log(typeof reg); //object
console.log(typeof fun); //function

由結果可知，除了在檢測null時返回 object 和檢測function時放回function。對于引用類型返回均為object

使用instanceof

檢測引用型數據類型時的最佳選擇是instanceof

console.log(reg instanceof Object); //true
console.log(reg instanceof RegExp); //true  因為根據規定，所用引用類型的值都是Object的實例，因此都是返回true

console.log(bool instanceof Boolean);  //false 
var bool2 = new Boolean();
console.log(bool2 instanceof Boolean); //true  引用類型與基本包裝類型的主要區別就是對象的生存期。使用new操作符創建的引用類型的實例，在執行流離開當前作用域之前都是一直保存在內存中。而自動創建的基本包裝類型的對象，則只存在于一行代碼的執行瞬間，然后立即被銷毀

console.log(und instanceof Object); // false
console.log(nul instanceof Object); // false  undefined和null沒有contructor屬性

instanceof它不僅檢測構造找個對象的構造器，還檢測原型鏈。所以它可以檢測繼承而來的屬性。

使用constructor

console.log(bool.constructor === Boolean);// true
console.log(num.constructor === Number);// true
console.log(str.constructor === String);// true
console.log(arr.constructor === Array);// true
console.log(obj.constructor === Object);// true
console.log(fun.constructor === Function);// true

undefined和null沒有contructor屬性
constructor不能判斷undefined和null，并且使用它是不安全的，因為contructor的指向是可以改變的 //詳情請了解js對象的特性

使用Object.prototype.toString.call

console.log(Object.prototype.toString.call(bool));//[object Boolean]
console.log(Object.prototype.toString.call(num));//[object Number]
console.log(Object.prototype.toString.call(str));//[object String]
console.log(Object.prototype.toString.call(und));//[object Undefined]
console.log(Object.prototype.toString.call(nul));//[object Null]
console.log(Object.prototype.toString.call(arr));//[object Array]
console.log(Object.prototype.toString.call(obj));//[object Object]
console.log(Object.prototype.toString.call(fun));//[object Function]

博客參考

云服務器 GPU云服務器 js 數據類型判斷 js 判斷數據類型 js數據類型判斷 js判斷數據類型

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.hztianpu.com/yun/106407.html

js筆記內容

摘要：定義運算符用來判斷一個構造函數的屬性所指向的對象是否存在另外一個要檢測對象的原型鏈上，用于引用類型。但其實，實例的來自于構造函數的。一、關于css 樣式優先級：行內樣式>id選擇器樣式>類選擇器樣式>標簽選擇器樣式>通配符選擇器的樣式>繼承樣式>默認樣式二、關于js 關于問題：**JavaScript中的所有事物都是對象？？** 從typeof和instanceo...

n7then 2019-08-23 14:46 評論0 收藏0
js中對數據類型的總結及判斷數據類型的各種方法及優缺點

摘要：最常見的判斷方法它的官方解釋操作符返回一個字符串，表示未經計算的操作數的類型。另外，是判斷對象是否屬于某一類型，而不是獲取的對象的類型。多個窗口意味著多個全局環境，不同的全局環境擁有不同的全局對象，從而擁有不同的內置類型構造函數。 js中的數據類型 js中只有六種原始數據類型和一個Object: Boolean Null Undefined Number String Symbol ...

voyagelab 2019-08-22 16:26 評論0 收藏0
原生JS大揭秘—數據類型

摘要：中九個內置對象在規范中定義了六種數據類型其中原始值類型有種，引用類型有種一有包裝對象數值型，包括整形和浮點型其中都是類型二有包裝對象字符串類型，有兩種表示方式，雙引號單引號。方法可以將任意類型數據轉成字符串。 JS中九個內置對象 showImg(https://segmentfault.com/img/bV6iZG?w=481&h=411); 在ECMAScript規范（ES5）中定義...

luck 2019-08-26 11:40 評論0 收藏0
分析 JavaScript 的數據類型與變量

摘要：基本數據類型在中，基本數據類型有種，即數值字符串布爾值。兩個布爾值轉為數值進行比較。對于對象和布爾值，調用它們的方法得到對應的字符串值，然后進行字符串相加。減法對于字符串布爾值或者，自動調用，轉換結果若為，那么最終結果為。這篇文章，來聊聊 JS 中的數據類型與變量。這是在學習 JS 時最基礎的一類問題，但卻很重要。希望我的分享有幫助到你。文章開頭，我先提幾個面試中遇到的問題：比如...

Mike617 2019-08-23 13:13 評論0 收藏0
JS 中的類型判斷

摘要：和這三種基本的數據類型，都有對應的引用包裝類型和。應用于引用類型的判斷，所以對于這三類基本類型沒有什么意義。 JS 中的類型判斷 js中的數據類型基本數據類型 undefined、number、string、boolean 引用數據類型 null、Object、Number、String、Boolean、Function、Array、Date、RegExp、Error、Argumen...

ChanceWong 2019-08-20 12:16 評論0 收藏0
js數據類型和判斷數據類型的方法

摘要：基本數據類型引用類型判斷數據類型的方法判斷中的數據類型有一下幾種方法接下來主要比較一下這幾種方法的異同。通常情況下用判斷就可以了，遇到預知類型的情況可以選用或方法實在沒轍就使用方法。基本數據類型：String、Number、Boolean、Symbol、undefined、Null引用類型：Object Array Function 判斷數據類型的方法：判斷js中的數據類型有一...

whidy 2019-08-02 15:13 評論0 收藏0