JS判断数组那点事
2019/6/27 20:37:44
本文主要是介绍JS判断数组那点事,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
面试题中有个这样题目 如何判断数组 大家都知道哪些方法
其实有时候 明明知道哪些方法 但在关键时候就是说不上来
typeof运算符
typeof会返回这个类型的字符串
var a = '123' console.log(typeof(a)) //string var b = [] console.log(typeof(b)) //object var c = {} console.log(typeof(c)) //object var d = null console.log(typeof(d)) //object
上述看到 数组 对象 null 用typeof返回都是object 这种方法不能识别出是否为数组
原型contructor链方法
实例化有一个contructor属性 这个属性指向生成对象 数组的方法
var a = [] console.log(a.__proto__.constructor) //? Array() { [native code] } var b = {} console.log(b.__proto__.constructor) //? Object() { [native code] }
上述看到 数组是由Array函数实例化的 对象由Object函数实例化来得
感觉这种方法是可以了 但是 constructor这个属性是可以被改写的
var a = [] a.__proto__.constructor = Object console.log(a.__proto__.constructor) //? Object() { [native code] }
可以看到 这个是 变成了数组判断成了对象 所以这个方法也不是最好的
instanceof
这个方法是判断某个构造函数的prototype属性所指向的对象是否在另外一个要检测对象的原型链上
var a = [] console.log(a instanceof Array) //a对象的原型链上能找到Array true console.log(a instanceof Object) //true 原型链上也能找到对象
上述这种也不是特别好 判断不出是数组还是对象
通用的方法 toString
toString() 方法返回放映这个对象的字符串
var a= '123' console.log(a.toString()) //123 var b = [1,2,3] console.log(b.toSting()) //1,2,3 var c = {} console.log(c.toString)) //[object Object]
可以看到只有对象返回对象类型
返回[object type] type代表对象的类型
判断对象用Object的toString的方法拿过来用
var a =[] Object.prototype.toString.call(a) //[object Array]
这个对象 toString方法是可以判断出是否为数组
但是这里注意下有个情况就是对象原型上toString() 也是可以更改的
Array.isArray(XX)
个人感觉还是使用通用方法 toString() 方法靠谱
总结
以上所述是小编给大家介绍的JS判断数组那点事,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于JS判断数组那点事的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set