Javascript中的常用的检测方法

数组检测

1.使用Array.isArray()

Array.isArray(obj)

例如:

Array.isArray([]) //true
Array.isArray({}) //false

兼容性:

ChromeFirefoxIEOperaSafari
54.0(2.0)910.55

可以使用以下方式,先检测是否支持Array.isArray。

if(Array.isArray){
    return Array.isArray(obj);
}

2. 使用instanceof

arr instanceof Array

例如:

var arr=[];
console.log(arr instanceof Array); //true

3. 使用Object.prototype.toString方法

if( Object.prototype.toString.call(arr) === '[object Array]' ) {
   console.log("yes");
}

4.使用constructor的方法

function isArray(obj){
    return !!obj && Array === obj.constructor;
}

类型检测

typeof操作符检测给定变量的数据类型

typeof operand //operand 是一个表达式,表示对象或原始值

以下是一些常见类型的返回结果,值得注意的是null返回的是object,其实对于引用类型的判断都为object。

TypeResult
Undefined"undefined"
Null"object" (see below)
Boolean"boolean"
Number"number"
String"string"
Symbol (new in ECMAScript 2015)"symbol"
Host object (provided by the JS environment)Implementation-dependent
Function object (implements [[Call]] in ECMA-262 terms)"function"
Any other object"object"

对象类型检测

1. instanceof

用来检测 constructor.prototype是否存在于object 的原型链上
使用方式:

object instanceof constructor

举个例子:

function A(){};
var a=new A();
a instanceof A //true
a instanceof Object //true
a.prototype instanceof Object //true

2. isPrototypeOf

只要是原型链所派生的实例的原型,会返回true

Object.prototype.isPrototypeOf(instance);

这里需要注意的是与instanceof的区别,在constructors被复写,而又没有重新制定的情况下,照样可以使用isPrototype

var A = {
 //something
}
var B = Object.create(A);
var C = Object.create(B);

console.log(A.isPrototypeOf(C));  // true
console.log(C instanceof A);      //TypeError

3. hasOwnProperty

hasOwnProperty() 方法用来判断某个对象是否含有指定的自身属性。

4. Object.is()

用来比较两个值是否严格相等,与===相同

基本类型检测

Number

  1. Number.isFinite()
    用来检查一个数值是否为有限的(finite)

  2. Number.isNaN()
    用来检查一个值是否为NaN

  3. Number.isInteger()
    用来判断一个值是否为整数。在JavaScript中,整数和浮点数是同样的储存方法,所以1和1.0为同一个值.

  4. Number.isSafeInteger()
    JavaScript能够准确表示的整数范围在-2^53到2^53之间(不含两个端点),超过这个范围,无法精确表示这个值。

目前接触到的一些方法,有新的日后再更新。

参考资料

  1. Check if object is array?

  2. MOZILLA DEVELOPER NETWORK

  3. 阮一峰 《ECMAScript 6入门》

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值