JS | JS中判断数组的6种方法,你知道几个?

目录

[1、通过 instanceof 运算符判断](#1、通过 instanceof 运算符判断)

[2、通过 constructor 构造函数属性判断](#2、通过 constructor 构造函数属性判断)

[3、通过 Object.prototype.toString.call() 方法判断](#3、通过 Object.prototype.toString.call() 方法判断)

[4、通过 Array.isArray() 判断](#4、通过 Array.isArray() 判断)

[5、通过Array原型链上的 isPrototypeOf() 方法判断](#5、通过Array原型链上的 isPrototypeOf() 方法判断)

[6、通过 Object.getPrototypeOf() 方法判断](#6、通过 Object.getPrototypeOf() 方法判断)


因为数组是属于object类型的,也就是引用类型,所以不能使用 typeof 来判断其具体类型。

typeof 的返回值是一个字符串, 用来说明变量的数据类型。typeof 一般只能返回如下几个结果: number, boolean, string, function, object, undefined。对于 Array, Null 等特殊对象使用 typeof 一律返回 object, 这正是 typeof 的局限性。| 参考: typeof和instanceof的区别是什么-CSDN博客

下面这些方法是判断数组的几种方法:

1、通过 instanceof 运算符判断

instanceof运算符用于检验构造函数的prototype属性是否出现在某个对象的原型链中的任何位置,返回一个布尔值。| 参考typeof和instanceof的区别是什么 - CSDN博客

javascript 复制代码
let arr1 = [1,2,3];
console.log(arr1 instanceof Array); //true
let arr2 = {};
arr2 instanceof Array; //false

//instanceof 运算符检测Array.prototype属性是否存在于变量arr1的原型链上
//显然arr1是一个数组,拥有Array.prototype属性,所以为true

2、通过 constructor 构造函数属性判断

实例的构造函数属性 constructor 指向构造函数,通过constructor属性可以判断是否为一个数组

javascript 复制代码
let arr = [1,2,3];
console.log(arr.constructor == Array); //true

3、通过 **Object.prototype.toString.call()**方法判断

Object.prototype.toString.call()可以获取到对象的不同类型

把对象转化成字符串和一个已知的对象进行对比。

javascript 复制代码
let arr = [1,2,3];
console.log(Object.prototype.toString.call(arr) == '[object Array]'); //true

4、通过 **Array.isArray()**判断

Array.isArray()用于确定传递的值是否是一个数组,返回一个布尔值。

isArray() 方法是ES5新增数组方法

javascript 复制代码
let arr = [1,2,3];
console.log(Array.isArray(arr));  //true

5、通过Array原型链上的 **isPrototypeOf()**方法判断

Array.prototype表示Array的构造函数的原型

isPrototypeOf()方法可以判断当前对象是否是另一个对象的原型,或者说一个对象是否被包含在另一个对象的原型链中)

javascript 复制代码
let arr = [1,2,3];
console.log(Array.prototype.isPrototypeOf(arr)); //true

6、通过 Object.getPrototypeOf() 方法判断

Object.getPrototypeOf() 方法返回指定对象(arr)的原型,然后和Array的原型对比。

javascript 复制代码
let arr = [1,2,3];
console.log(Object.getPrototypeOf(arr) == Array.prototype); //true

●总结● ------判断数组的方法主要有以下几种

  1. 使用instanceof运算符 ‌:通过检查对象的原型链中是否存在某个构造函数的prototype属性来判断。例如,array instanceof Array可以判断一个对象是否为数组‌。

  2. 使用constructor属性 ‌:通过检查对象的constructor属性是否指向Array构造函数来判断。例如,array.constructor === Array可以判断一个对象是否为数组‌。

  3. 使用Object.prototype.toString.call()方法 ‌:通过调用Object.prototype.toString.call()方法并将结果与[object Array]进行比较来判断。例如,Object.prototype.toString.call(array) === '[object Array]'可以判断一个对象是否为数组‌。

  4. 使用Array.isArray()方法 ‌:这是ES5引入的方法,可以直接判断一个对象是否为数组。例如,Array.isArray(array)可以判断一个对象是否为数组‌。

  5. 使用isPrototypeOf()方法 ‌:通过检查对象的原型是否为Array.prototype来判断。例如,Array.prototype.isPrototypeOf(array)可以判断一个对象是否为数组。

  6. 使用Object.getPrototypeOf()方法 ‌:通过比较对象的原型与Array.prototype来判断。例如,Object.getPrototypeOf(array) === Array.prototype可以判断一个对象是否为数组‌。

补充说明‌:

  • instanceof 运算符和**constructor**属性在判断数组时较为常用,但需要注意它们可能受到原型链污染的影响。
  • **Array.isArray()**方法是ES5引入的,能够更准确地判断一个对象是否为数组,且不受原型链污染的影响。
  • Object.prototype.toString.call() 和**isPrototypeOf()Object.getPrototypeOf()**方法提供了更底层和准确的判断方式,但在日常开发中较少使用。
相关推荐
阿蒙Amon8 分钟前
TypeScript学习-第13章:实战与最佳实践
javascript·学习·typescript
沐墨染39 分钟前
Vue实战:自动化研判报告组件的设计与实现
前端·javascript·信息可视化·数据分析·自动化·vue
奔跑的呱呱牛40 分钟前
viewer-utils 图片预览工具库
javascript·vue·react
摘星编程1 小时前
React Native鸿蒙:Image本地图片显示
javascript·react native·react.js
爱上妖精的尾巴2 小时前
8-5 WPS JS宏 match、search、replace、split支持正则表达式的字符串函数
开发语言·前端·javascript·wps·jsa
小温冲冲2 小时前
通俗且全面精讲单例设计模式
开发语言·javascript·设计模式
意法半导体STM322 小时前
【官方原创】FDCAN数据段波特率增加后发送失败的问题分析 LAT1617
javascript·网络·stm32·单片机·嵌入式硬件·安全
咔咔一顿操作2 小时前
轻量无依赖!autoviwe 页面自适应组件实战:从安装到源码深度解析
javascript·arcgis·npm·css3·html5
刘联其3 小时前
.net也可以用Electron开发跨平台的桌面程序了
前端·javascript·electron
韩曙亮3 小时前
【jQuery】jQuery 选择器 ④ ( jQuery 筛选方法 | 方法分类场景 - 向下找后代、向上找祖先、同级找兄弟、范围限定查找 )
前端·javascript·jquery·jquery筛选方法