判断一个值是对象还是数组，数组或对象判空，判断数组或对象中是否包含某个值_es6 判断是否为对象-程序员宅基地

技术标签：前端 es6 javascript

一.判断一个值是对象还是数组

1. 通过es6的一个方法Array.isArray()判断

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

let a = [1,2,3]

Array.isArray(a); //true
Array.isArray({}/null/function); //false

这个方法只能判断出变量是否为数组，并不能确定是否为对象

2. 通过 instanceof 运算符判断

instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置，返回一个布尔值。

let a = [];

a instanceof Array; //true
a instanceof Object; //true

let b = {};

b instanceof Array; //false
b instanceof Object; //true

通过上面代码可以发现，数组不仅是Array类型的实例，也是Object类型的实例。因此我们在判断一个变量是数组还是对象时，应该先判断数组类型，然后再去判断对象类型。

️不用typeof判断的原因：

null、对象、数组返回的都是object类型（引用类型）；对于函数类型返回的则是function。

3. 通过 constructor 属性判断

判断一个变量是否是数组或者对象，从另一个层面讲，就是判断变量的构造函数是Array类型还是Object类型。因为一个对象的实例都是通过构造函数生成的，所以，我们可以直接判断一个变量的constructor属性。

let a = [];

a.constructor === Array; //true

a.constructor === Object; //false

let b = {};

b.constructor === Array; //false

b.constructor === Object; //true

每个变量都会有一个__proto__属性，表示的是隐式原型(原型链的知识)。一个对象的隐式原型指向的是构造该对象的构造函数的原型，因此，每一个变量都有constructor属性。

二. 对象或数组判空

1. a.length === 0 判断数组是否为空

2.JSON.stringfy(b) === ' { } ' 判断对象是否为空

三. 对象或数组中是否包含某个值

1.判断数组中存在某个值

1）for循环

for (let i = 0; i < array.length; i++) { if (array[i] == 3) { return true } }

2） includes

array.includes(3) //输出true表示存在

3）indexOf

array.indexOf(3) // 输出这个数的下标 ,不为-1则表示存在

4）filter

array.filter(c=>c==3).length>0 // 输出true 存在 filter返回的是一个数组

5）find

array.find(c=>c===3}) // 输出3 find返回的是找到的第一个元素

6）some

array.some(c=>c===3) // 输出true some找到第一个元素则返回布尔值，且不在继续检测

7）Set中has

new Set(array).has(3) // 输出true

2. 判断对象中存在某个值

1）使用“!==”进行判断（属性的值为undefined的时候无法区分）

let obj = {name:"zhang" , age:undefined，};

obj.name !== undefined； // true 有这个属性
obj.sex !== undefined； // fasle 无 sex 这个属性

obj.age ！== undefined; // fasle 但有这个属性

2） in 运算符，in 的语法是： attr in obj ，表达式返回一个布尔值。（in可以区分存在但值为undefined的属性）

'name' in obj； // true 有这个属性
'sex' in obj；// fasle 无 sex 这个属性

'age ' in obj ; // true

3）对象的 hasOwnProperty() 方法也可以检测指定属性名是否在对象内，返回布尔值。（只能检测对象的私有属性，继承属性检测不出来）

obj.hasOwnProperty（‘name’）； // true 有这个属性
obj.hasOwnProperty（‘sex’）；// fasle 无 sex 这个属性

本文链接：https://blog.csdn.net/Realizee/article/details/121574728

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

手把手教你安装Eclipse最新版本的详细教程（非常详细，非常实用）_eclipse安装教程-程序员宅基地

文章浏览阅读4.4k次，点赞2次，收藏16次。写这篇文章的由来是因为后边要用这个工具，但是由于某些原因有部分小伙伴和童鞋们可能不会安装此工具，为了方便小伙伴们和童鞋们的后续学习和不打击他们的积极性，因为80%的人都是死在工具的安装这第一道门槛上，这门槛说高也不高说低也不是太低。所以就抽时间水了这一篇文章。_eclipse安装教程

分享11个web前端开发实战项目案例+源码_前端项目实战案例-程序员宅基地

文章浏览阅读4.1w次，点赞12次，收藏193次。小编为大家收集了11个web前端开发，大企业实战项目案例+5W行源码！拿走玩去吧！1）小米官网项目描述：首先选择小米官网为第一个实战案例，是因为刚开始入门，有个参考点，另外站点比较偏向目前的卡片式设计，实现常见效果。目的为学者练习编写小米官网，熟悉div+css布局。学习资料的话可以加下web前端开发学习裙：600加上610再加上151自己去群里下载下。项目技术：HTML+CSS+Div布局2）迅雷官网项目描述：此站点特效较多，所以通过练习编写次站点，学生可以更多练习CSS3的新特性过渡与动画的实_前端项目实战案例

计算质数-埃里克森筛法（间隔黄金武器）-程序员宅基地

文章浏览阅读73次。素数，不同的质数，各种各样的问题总是遇到的素数。以下我们来说一下求素数的一种比較有效的算法。就是筛法。由于这个要求得1-n区间的素数仅仅须要O（nloglogn）的时间复杂度。以下来说一下它的思路。思路：如今又1-n的数字。素数嘛就是除了1和本身之外没有其它的约数。所以有约数的都不是素数。我们从2開始往后遍历，是2的倍数的都不是素数。所以我们把他们划掉然后如...

探索Keras DCGAN：深度学习中的创新图像生成-程序员宅基地

文章浏览阅读532次，点赞9次，收藏14次。探索Keras DCGAN：深度学习中的创新图像生成项目地址:https://gitcode.com/jacobgil/keras-dcgan在数据驱动的时代，图像生成模型已经成为人工智能的一个重要领域。其中，Keras DCGAN 是一个基于 Keras 的实现，用于构建和训练 Deep Convolutional Generative Adversarial Networks（深度卷积生...

org.apache.ibatis.binding.BindingException: Invalid bound statement (not found):_spring-could org.apache.ibatis.binding.bindingexce-程序员宅基地

文章浏览阅读116次。今天在搭建springcloud项目时，发现如上错误，顺便整理一下这个异常：1. mapper.xml的命名空间（namespace）是否跟mapper的接口路径一致<mapper namespace="com.baicun.springcloudprovider.mapper.SysUserMapper">2.mapper.xml接口名是否和mapper.java接..._spring-could org.apache.ibatis.binding.bindingexception: invalid bound state

四种高效数据库设计思想——提高查询效率_数据库为什么能提高效率-程序员宅基地

文章浏览阅读1.1k次。四种高效数据库设计思想——提高查询效率：设计数据库表结构时，我们首先要按照数据库的三大范式进行建立数据。1. 1NF每列不可拆分2. 2NF确保每个表只做一件事情3. 3NF满足2NF，消除表中的依赖传递。三大范式的出现是在上世纪70年代，由于内存资源比较昂贵，所以严格按照三大范式进行数据库设计。而如今内存变得越来越廉价，在考虑效率和内存的基础上我们可以做出最优选择以达到最高效率。_数据库为什么能提高效率

随便推点

什么是配置_基于配置是什么意思-程序员宅基地

文章浏览阅读1.6k次。应用程序在启动和运行的时候往往需要读取一些配置信息，配置基本上伴随着应用程序的整个生命周期，比如：数据库连接参数、启动参数等。配置主要有以下几个特点：配置是独立于程序的只读变量配置对于程序是只读的，程序通过读取配置来改变自己的行为，但是程序不应该去改变配置配置伴随应用的整个生命周期配置贯穿于应用的整个生命周期，应用在启动时通过读取配置来初始化，在运行时根据配置调整行为。比如：启动时需要读取服务的端口号、系统在运行过程中需要读取定时策略执行定时任务等。配置可以有多种加载方式常见的有程序内部_基于配置是什么意思

二、使用GObject——一个简单类的实现-程序员宅基地

文章浏览阅读170次。Glib库实现了一个非常重要的基础类--GObject，这个类中封装了许多我们在定义和实现类时经常用到的机制：引用计数式的内存管理对象的构造与析构通用的属性（Property）机制 Signal的简单使用方式很多使用GObject..._

golang 定时任务处理-程序员宅基地

文章浏览阅读6.3k次，点赞2次，收藏9次。在 golang 中若写定时脚本，有两种实现。一、基于原生语法组装func DocSyncTaskCronJob() { ticker := time.NewTicker(time.Minute * 5) // 每分钟执行一次 for range ticker.C { ProcTask() }}func ProcTask() { log.Println("hello world")}二、基于 github 中封装的 cron 库实现package taskimport (_golang 定时任务