淺談js數(shù)據(jù)類型判斷與數(shù)組判斷
寫在開篇:
昨天面試發(fā)現(xiàn)一個十分非常簡單的問題竟然沒有回答上來,可能也確實是因為太緊張了,感覺被自己蠢哭了。后來想想還是應該認真記錄一下,這樣才能印象深刻。革命尚未成功,壯實仍需努力!
1. js六大數(shù)據(jù)類型
number:數(shù)字,整數(shù)、浮點數(shù)等等,
string:單引號或者雙引號來說明,
Boolean:返回true和false,這兩個值不一定對應1和0
object:對象,可以執(zhí)行new操作符后跟要創(chuàng)建的對象類型的名稱來創(chuàng)建。
null:只有一個值得數(shù)據(jù)類型,邏輯上講,null值表示一個空對象指針。
undefined:未定義,使用var聲明變量但未對其初始化時,變量的值就是undefined。
2. 數(shù)據(jù)類型判斷之typeof
typeof可以解決大部分數(shù)據(jù)類型的判斷,其返回值為一個字符串,該字符串說明運算數(shù)的類型。
//判斷變量num是不是一個數(shù)字類型 if(typeof num=='number') { return true; }
返回結果:
var a="hling"; console.log(a); //string var a=1; console.log(a); //number var a=false; console.log(a); //boolean var a; console.log(typeof a); //undfined var a = null; console.log(typeof a); //object var a = document; console.log(typeof a); //object var a = []; console.log(a); //object var a = function(){}; console.log(typeof a) //function除了可以判斷數(shù)據(jù)類型還可以判斷function類型
除了string、number、boolean、undefined這四個類型外,null、object、array返回的都是object類型?。?!
對于函數(shù)類型返回的則是function,再比如typeof(Date),typeof(eval)等。
3. js判斷數(shù)組類型的方法
1) instanceof
instanceof 用于判斷一個變量是否某個對象的實例,是一個三目運算式。這個操作符和JavaScript中面向對象有點關系,了解這個就先得了解JavaScript中的面向對象。因為這個操作符是檢測對象的原型鏈是否指向構造函數(shù)的prototype對象的。
a instanceof b?alert("true"):alert("false") //注意b值是你想要判斷的那種數(shù)據(jù)類型,是不是一個字符串,比如Array
例子:
var arr = [1,2,3,1]; alert(arr instanceof Array); // true
2) constructor
在W3C定義中的定義:constructor 屬性返回對創(chuàng)建此對象的數(shù)組函數(shù)的引用
var arr = []; arr instanceof Array; // true arr.constructor == Array; //true
判斷各種類型的方法是:
console.log("string".constructor == String); console.log((123).constructor == Number); console.log(false.constructor == Boolean); console.log([].constructor == Array); console.log({}.constructor == Object);
通用的方法:
function isArray(object){ return object && typeof object==='object' && Array == object.constructor; }
3) 特性判斷
object.isArray() 來判斷,目的就是準確地檢測一個值是否為數(shù)組。IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都實現(xiàn)了這個方法。但是在IE8之前的版本是不支持的。
function isArray(object){ return object && typeof object==='object' && typeof object.length==='number' && typeof object.splice==='function' && //判斷l(xiāng)ength屬性是否是可枚舉的 對于數(shù)組 將得到false !(object.propertyIsEnumerable('length')); }
4) Object.prototype.toString.call
Object.prototype.toString.call(value) == '[object Array]'
以上這篇淺談js數(shù)據(jù)類型判斷與數(shù)組判斷就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- js判斷數(shù)據(jù)類型如判斷是否為數(shù)組是否為字符串等等
- js 判斷數(shù)據(jù)類型的幾種方法
- js 判斷各種數(shù)據(jù)類型的簡單方法(推薦)
- 判斷js中各種數(shù)據(jù)的類型方法之typeof與0bject.prototype.toString講解
- Javascript如何判斷數(shù)據(jù)類型和數(shù)組類型
- js的各種數(shù)據(jù)類型判斷的介紹
- JavaScript中判斷數(shù)據(jù)類型的方法總結
- javascript 簡單高效判斷數(shù)據(jù)類型 系列函數(shù) By shawl.qiu
- JavaScript知識點總結(六)之JavaScript判斷變量數(shù)據(jù)類型
- 關于JS數(shù)據(jù)類型檢測的多種方式總結
相關文章
關于在IE下的一個安全BUG --可用于跟蹤用戶的系統(tǒng)鼠標位置
本篇文章小編將為大家介紹,關于在IE下的一個安全BUG --可用于跟蹤用戶的系統(tǒng)鼠標位置。需要的朋友可以參考一下2013-04-04javascript中IE瀏覽器不支持NEW DATE()帶參數(shù)的解決方法
在火狐下 可以正常取得時間,在IE7下 卻是 NaN。糾結老長時間,放棄了new date 然后再老外的論壇中找了一段段代碼可以兼容所有瀏覽器的格式化日期代碼2012-03-03JavaScript生成隨機數(shù)的4種自定義函數(shù)分享
這篇文章主要介紹了JavaScript生成隨機數(shù)的4種自定義函數(shù)分享,本文講解了4種方法并同時給出4個代碼片段,需要的朋友可以參考下2015-02-02將字符串轉換成gb2312或者utf-8編碼的參數(shù)(js版)
直接在url中傳遞中文參數(shù)時,讀到的中文都是亂碼,那么我們應該怎么將這些參數(shù)轉換呢,接下來與大家分享下將字符串轉換成utf-8或者gb2312編碼的參數(shù)的技巧2013-04-04