如何判断变量是否为数组?

Array.isArray(arr); // true 
arr.__proto__ === Array.prototype; // true 实例对象的隐式原型等于其构造函数的显示原型
arr instanceof Array; // true
arr.constructor === Array; //true
Object.prototype.toString.call(arr); // "[object Array]"

执行结果如下:
在这里插入图片描述
补充:
数据类型的判断

  • 1、typeof : 能判断所有值类型,函数。不可对null、对象、数组进行精确判断,因为都返回object。
console.log(typeof undefined); // undefined
console.log(typeof 2); // number
console.log(typeof true); // boolean
console.log(typeof "str"); // string
console.log(typeof Symbol("foo")); // symbol
console.log(typeof 2172141653n); // bigint
console.log(typeof function () {}); // function
// 不能判别
console.log(typeof []); // object
console.log(typeof {}); // object
console.log(typeof null); // object
  • 2、instanceof : 能判断对象类型,不能判断基本数据类型,其内部运行机制是判断在其原型链中能否找到该类型的原型
class People {}
class Student extends People {}
const wwy = new Student();
console.log(wwy instanceof People); // true
console.log(wwy instanceof Student); // true

其实现就是顺着原型链去找,如果能找到对应的 xxx.prototype 即为 true 。比如这里的 wwy 作为实例,顺着原型链能找到 Student.prototype 及 People.prototype ,所以都为 true 。

  • 2、constructor : constructor 有两个作用,一是判断数据的类型,二是对象实例通过constructor 对象访问它的构造函数。需要注意,如果创建一个对象来改变它的原型,constructor就不能用来判断数据类型了。
console.log((2).constructor === Number); // true
console.log((true).constructor === Boolean); // true
console.log(('str').constructor === String); // true
console.log(([]).constructor === Array); // true
console.log((function() {}).constructor === Function); // true
console.log(({}).constructor === Object); // true
function Fn(){}
var f = new Fn();
console.log(f.constructor === Fn)  //true

修改原型,则数据类型就会发生改变,这种情况不能准确判断数据类型:

function Fn(){}
Fn.prototype = new Array();   //修改原型,则数据类型就会发生改变,这种情况不能准确判断数据类型
var f = new Fn();
console.log(f.constructor===Fn);    // false
console.log(f.constructor===Array); // true
  • 4、Object.prototype.toString.call(): 所有原始数据类型都是能判断的,还有 Error 对象,Date 对象等。
Object.prototype.toString.call(2); // "[object Number]"
Object.prototype.toString.call(""); // "[object String]"
Object.prototype.toString.call(true); // "[object Boolean]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(Math); // "[object Math]"
Object.prototype.toString.call({}); // "[object Object]"
Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(function () {}); // "[object Function]"
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值