这里是修真院前端小课堂，每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解析前端知识/技能，本篇分享的是：
【 IN,TYPEOF,INSTANCEOF,===运算符分别是干什么的？】
大家好，我是IT修真院北京分院25期的学员，一枚正直纯洁善良的web前端程序员
今天给大家分享一下，修真院官网css任务13，深度思考中的知识点——移动端有哪些常见的布局方式？
1.背景介绍
在JavaScript中，有很多常见的运算符和关键字，这次我们来看看其中的 in，typeof，instanceof，还有===，分别是干什么的，有什么用，和什么情况下可能会用到
2.知识剖析
2.1、IN运算符
in 运算符作用：就是判断 属性是否存在于对象中，如果存在，返回值为：true，如果不存在，则为：false
语法：属性 in 对象
var obj = {
name1: \"jack\",
age: 9,
abc: undefined
};
// 如果是对象中存在的成员或者是原型中的成员，此时，返回的结果就是 trueconsole.log(\"name1\" in obj); // true
console.log(\"age\" in obj); // true
console.log(\"age123\" in obj); // false
console.log(\"abc\" in obj); // true
console.log(\"toString\" in obj); // true
IN运算符判断数组
// in运算符判断数组// 对于数组来说，索引号 就是属性vararr = [\"one\",\"two\",\"three\",\"four\"];
arr.five =\"5\";
consol.log(0inarr);//trueconsol.log(\"one\"inarr);//false,只可判断数组的键值consol.log(\"five\"inarr);//true,\'five\'是arr对象的属性consol.log(\"length\"inarr);//true
FOR IN语句
for-in语句是一种精准的迭代语句，可以用来枚举对象的属性
var mycars = new Array();
mycars[0] = \"Bens\";
mycars[1] = \"Volvo\";
mycars[2] = \"BMW\";
for (var x in mycars)
{
console.log(mycars[x])
}
for-in循环输出的属性名顺序是不可预测的，所有属性都会被返回一次，
但返回的先后顺序可能会因浏览器而异
迭代对象变量值是null或undefined，语句会抛出错误
2.2、TYPEOF
typeof在js中是一个一元操作符，可以判断操作数的类型，其返回值有number、string、object、boolean、function、undefined。使用方式可以是typeof 操作数或typeof(操作数)typeof检测变量的数据类型，对返回值做以下说明，number 变量是数字类型
string 变量是字符串类型
boolean 变量是布尔类型
object 变量是对象或者nullfunction 变量是函数undefined 变量未定义下面是几个实例
typeofNaN返回值：numberNaN特殊的非数字值
typeofInfinity返回值：numberInfinity无穷大特殊值
typeof 123 返回值：number
typeof \"123\" 返回值：string
typeof(true) 返回值：booleantypeof(Date) 返回值：function
typeof(s) 返回值：undefined 因为s作为一个变量未被定义，所以这里的返回值是undefined
typeof(undefined) 返回值：undefined
typeof(document) 返回值：object document是DOM下的一个对象
typeof(null) 返回值：object
2.3、INSTANCEOF
instanceof 运算符与 typeof
运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，
instanceof 方法要求开发者明确地确认对象为某特定类型。
通常来讲，使用 instanceof 就是判断一个实例是否属于某种类型。
另外，更重要的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。
例如：
functionPerson(){};varp =newPerson();console.log(pinstanceofPerson);//true
2.4、===
“===”用于严格比较,只要数据类型不匹配就返回flase。
1、如果类型不同，就[不相等]
2、如果两个都是数值，并且是同一个值，那么[相等]；
(！例外)的是，如果其中至少一个是NaN，那么[不相等]。
(判断一个值是否是NaN，只能用isNaN()来判断）
3、如果两个都是字符串，每个位置的字符都一样，那么[相等]；否则[不相等]。
4、如果两个值都是true，或者都是false，那么[相等]。
5、如果两个值都引用同一个对象或函数，那么[相等]；否则[不相等]。
6、如果两个值都是null，或者都是undefined，那么[相等]。
var a = 3;
var b = \"3\";
console.log(a===b) //返回 false;//因为a,b的类型不一样;
3.常见问题
JS运算符 == 和 === 之间有什么不一样？
4.解决方案
===用于严格比较,只要数据类型不匹配就返回flase。
首先，== equality 等同，=== identity 恒等。
==， 两边值类型不同的时候，要先进行类型转换，再比较。
===，不做类型转换，类型不同的一定不等。
下面分别说明：
先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等：
1、如果类型不同，就[不相等]
2、如果两个都是数值，并且是同一个值，那么[相等]；
(！例外)的是，如果其中至少一个是NaN，那么[不相等]。
（判断一个值是否是NaN，只能用isNaN()来判断）
3、如果两个都是字符串，每个位置的字符都一样，那么[相等]；否则[不相等]。
4、如果两个值都是true，或者都是false，那么[相等]。
5、如果两个值都引用同一个对象或函数，那么[相等]；否则[不相等]。
6、如果两个值都是null，或者都是undefined，那么[相等]。
再说 ==，根据以下规则：
1、如果两个值类型相同，进行 === 比较。
2、如果两个值类型不同，他们可能相等。根据下面规则进行类型转换再比较：
a、如果一个是null、一个是undefined，那么[相等]。
b、如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。
c、如果任一值是 true，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。
d、如果一个是对象，另一个是数值或字符串，把对象转换成基础类型的值再比较。
对象转换成基础类型，利用它的toString或者valueOf方法。
js核心内置类，会尝试valueOf先于toString；
例外的是Date，Date利用的是toString转换。
e、任何其他组合，都[不相等]。
//举例：
\"1\" == true
//类型不等，true会先转换成数值 1，现在变成 \"1\" == 1，//再把\"1\"转换成 1，比较 1 == 1， 相等。//= 赋值运算符//== 等于//=== 严格等于//例：var a = 3;
var b = \"3\";
a==b 返回 true
console.log(a===b) //返回 false//因为a,b的类型不一样//===用来进行严格的比较判断
5.编码实战
6.扩展思考
大家都知道js中可以使用typeof来判断变量的基本类型，如：
console.log(typeof \'111\'); // \"string\"
console.log(typeof 22); // \"number\"
console.log(typeof a); // \"undefined\"
console.log(typeof undefined); // \"undefined\"
console.log(typeof []); // \"object\"
但是这个方法不适用于来判断数组，因为不管是数组还是对象，都会返回object，这就需要我们需求其他的方法,辣么判断数组可以用什么方法呢？
//1、constructor 属性//这个属性在我们使用js系统或者自己创建的对象的时候，会默认的加上，保存着用于创建当前对象的函数，例如：
var arr = [1,2,3]; //创建一个数组对象arr.prototype.constructor = Array;//这一句是系统默认加上的,指向这个对象的原型方法//所以我们就可以这样来判断：alert(arr.constructor === Array);// true//
2、instanceof
instanceof是检测对象的原型链是否指向构造函数的prototype对象的，所以我们也可以用它来判断：
var arr = [1,2,3];
alert(arr instanceof Array); // true//
3.Array.isArray()方法ECMAScript5新增了Array.isArray()方法，
支持这个方法发的浏览器有IE9+,Firefox4+,Safari5+,Opera10.5+和Chromeif(Array.isArray(value)){
}
7.参考文献
JavaScript高级程序设计
8.更多讨论
在日常编程中，你还使用过别的有意思的运算符吗？
视频链接:密码: inb6
技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。快来与我一起学习吧 ！
作者：未成年面包_d036
链接：https://www.jianshu.com/p/09a831c111cb
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
更多内容，可以加入IT交流群565734203与大家一起讨论交流
这里是技能树·IT修真院：https://www.jnshu.com，初学者转行到互联网的聚集地
版权声明
本文仅代表作者观点，不代表百度立场。
本文系作者授权百度百家发表，未经许可，不得转载。
