当前位置: 首页 > news >正文

in typeof instanceof ===这些运算符有什么作用

这里是修真院前端小课堂,每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能,本篇分享的是:

【return的用法是什么?若在for循环中,还会执行下一次循环吗?】

1.背景介绍

在JavaScript中,有很多常见的运算符和关键字,这次我们来看看其中的 in,typeof,instanceof,还有===,分别是干什么的,有什么用,和什么情况下可能会用到 。

2.知识剖析

2.1、in 运算符

clipboard.png

clipboard.png

IN运算符判断数组

clipboard.png

for in组合遍历大法

2.2、typeof运算符

clipboard.png

可调出console进行demo

2.3、instanceof 运算符

clipboard.png

instansceof最直接的用法

值得一提的是,instanceof 并不能检测 以string或者number为数据类型的值的对象,

关于 对 instanceof 的深入理解,你可能还需要一些 构造函数 和 原型链 的相关知识来支撑。

2.4、=== 运算符

clipboard.png

3.常见问题

JS运算符 == 和 === 之间有什么不一样?

4.解决方案

clipboard.png

==&===原理

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"

但是这个方法不适用于来判断数组,console.log(typeof []);    // "object"

因为不管是数组还是对象,都会返回object,这就需要我们寻找其他的方法,辣么判断数组可以用什么方法呢?

clipboard.png

判断数组的一些方法

7.参考文献

http://blog.csdn.net/dansuwei...

8.更多讨论

分享人:在日常编程中,你还使用过别的有意思的运算符吗?

庄引:ES6中还有Array.isArray(arr);这种方法也可以轻松的分辨数组和对象

肖浩宇:NaN的数据类型

分享人:使用typeofNaN得出值为number;其实这个有点奇怪,我们也讨论了很久,按理说它并不是一个数字,在编码很少直接使用到NaN。通常都是在计算失败时,作为 Math 的某个方法的返回值出现的(例如:Math.sqrt(-1))或者尝试将一个字符串解析成数字但失败了的时候(例如:parseInt("blabla"))。只能说它的属性值是一个number,属于number这个数据类型的集合。

庄引:for in组合遍历数组与for直接遍历数组有什么区别

分享人:for in组合遍历比for有优势,前者不需要知道数组的长度也能将数组中的元素一一遍历出来

相关文章:

  • mysql_config not found
  • 情绪与神经
  • 初识docker之如何运行一个容器
  • 20181203-join核心模块方法 + events核心模块发布订阅模式 + fs读写文件流
  • AWS实战 - 利用IAM对S3做访问控制
  • 糟糕的软件设计:幻想出来的问题
  • windows下启动和运行分布式消息中间件消息队列 kafka
  • 关系与外键约束
  • TP自动生成模块目录
  • maven私服搭建
  • canvas 使用图片跨域问题
  • MySQL的安装与配置
  • redhat7.5在H3C机器上黑屏无显
  • 超级详细使用Webpack4.X 搭建H5开发环境
  • 真数组与伪数组的区别
  • 78. Subsets
  • Android组件 - 收藏集 - 掘金
  • flutter的key在widget list的作用以及必要性
  • Github访问慢解决办法
  • iOS动画编程-View动画[ 1 ] 基础View动画
  • NSTimer学习笔记
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • Solarized Scheme
  • v-if和v-for连用出现的问题
  • XForms - 更强大的Form
  • yii2中session跨域名的问题
  • 从零到一:用Phaser.js写意地开发小游戏(Chapter 3 - 加载游戏资源)
  • 关于for循环的简单归纳
  • 力扣(LeetCode)965
  • 如何进阶一名有竞争力的程序员?
  • 如何优雅的使用vue+Dcloud(Hbuild)开发混合app
  • 使用 Xcode 的 Target 区分开发和生产环境
  • 网页视频流m3u8/ts视频下载
  • 一、python与pycharm的安装
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • #pragma once
  • #考研#计算机文化知识1(局域网及网络互联)
  • #我与虚拟机的故事#连载20:周志明虚拟机第 3 版:到底值不值得买?
  • (13)Hive调优——动态分区导致的小文件问题
  • (补)B+树一些思想
  • (附源码)基于SSM多源异构数据关联技术构建智能校园-计算机毕设 64366
  • (学习日记)2024.01.19
  • (转)es进行聚合操作时提示Fielddata is disabled on text fields by default
  • (转)项目管理杂谈-我所期望的新人
  • .NET C#版本和.NET版本以及VS版本的对应关系
  • .NET CLR基本术语
  • .NET CORE 第一节 创建基本的 asp.net core
  • .NET Core 中插件式开发实现
  • .NET MVC、 WebAPI、 WebService【ws】、NVVM、WCF、Remoting
  • .Net Remoting常用部署结构
  • .netcore 如何获取系统中所有session_ASP.NET Core如何解决分布式Session一致性问题
  • /etc/fstab 只读无法修改的解决办法
  • @cacheable 是否缓存成功_让我们来学习学习SpringCache分布式缓存,为什么用?
  • @Responsebody与@RequestBody
  • [ CTF ] WriteUp- 2022年第三届“网鼎杯”网络安全大赛(朱雀组)