JS不同运算符下的隐式类型转换

目录

运算符

逻辑运算符(&&、||、!)和 条件表达式(if、三元表达式)

逻辑运算符

条件表达式

算数运算符(*、/、- %、+)和 关系运算符(>、<、==、!=)

算数运算符

关系运算符


js是动态类型语言也称弱类型,在编写代码时,即在做计算的值类型不一样会做隐式类型转换。

console.log(1 + '2')  //  '12'
console.log('1' == true)  // true
console.log('1' == 1)  // true
console.log(true && 2) // 2
console.log(undefined == null)  // true
console.log('3' * 2)  // 6
console.log([1] + 1)  // '11'

运算符

逻辑运算符(&&、||、!)和 条件表达式(if、三元表达式)

逻辑运算符和条件表达式会将值隐式转换成Boolean

转Boolean

  • Boolean(1)  // true
  • Boolean('1')  // true
  • Boolean(true)  // true
  • Boolean(null)  // false
  • Boolean(undefined)  // false
  • Boolean([])  // true
  • Boolean({})  // true
  • Boolean(NaN)  // false
逻辑运算符
console.log(1 && 2) // 隐式转换 Boolean(1) && Boolean(2) 
//如果都为true则返回最后为true的值,如果有一个false则返回false, 输出2console.log(1 || false) // Boolean(1) && false 
//返回第一个隐式转换为true的值, 输出1console.log(!3) // !Boolean(3)
//将3隐式转换成Boolean类型的值再取反,输出false
条件表达式
if(3)   // 隐式转换 Boolean(3)
if(undefined)  // Boolean(undefined)
if(null) // Boolean(null)3 ? 2 : 1  // Boolean(3), 为true, 输出24 && undefined ? 2 : 1 // Boolean(undefined), 为true 输出1

算数运算符(*、/、- %、+)和 关系运算符(>、<、==、!=)

算数运算符和条件表达式会将值隐式转换成Number,但是+法运算符有些特殊的规则

转换规则

9ef0ce92834b4aa991f2ba5057ea069b.png

基本数据类型的值转Number

  • Number(1)  // 1
  • Number('1')  // 1
  • Number(true)  // 1
  • Number(null)  // 0
  • Number(undefined)  // NaN
  • Number(NaN)  // NaN
  • Number(Symbol(1))  // 报错

复杂数据类型转Number

const obj = {valueOf: function() {return 42;}
};
  • Number({})  // NaN
  • Number([1]) // 1
  • Number(obj) // 42

1:js会判断该值的原始值(valueOf)是不是基本数据类型,如果是,转换其为Number,如果不是则按如下转换规则。

2:  将Object转换成String,再转换成Number。

算数运算符

+法运算符

运算结果要不是数字,要不是字符串,要不是NaN

做+法运算的时候,当任何非String类型值和String做运算,则会将其转换成String,再拼接字符串

console.log(1 + 1) // 2
console.log(1 + true) // 2
console.log(1 + false) // 1
console.log(true + false) // 1
console.log(1 + '1') // '11'
console.log(1 + undefined) // NaN
console.log([1] + '1')  // '11',先将[1]转换成数字1,此时变成了 1 + '1',做字符串拼接'11'

-、*、/、%法运算符

运算结果要不是数字,要不是NaN

console.log(1 * 1) // 1
console.log(1 - true) // 0
console.log([2] * '1') // 2
console.log([2] / '1') // 2
console.log([2] % '1') // 0
console.log([2] * '1a') // NaN
关系运算符

运算结果总是布尔

console.log(1 == 1) // true
console.log(1 == true) // true
console.log(1 == false) // false
console.log(true == false) // false
console.log(['32'] > 22) // true
console.log(NaN == NaN) // flase

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/193869.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python实战:批量加密Excel文件指南

更多Python学习内容&#xff1a;ipengtao.com 大家好&#xff0c;我是彭涛&#xff0c;今天为大家分享 Python实战&#xff1a;批量加密Excel文件指南&#xff0c;全文3800字&#xff0c;阅读大约10分钟。 在日常工作中&#xff0c;保护敏感数据是至关重要的。本文将引导你通过…

栈和队列的OJ题--13.用队列实现栈

13. 用队列实现栈 225. 用队列实现栈 - 力扣&#xff08;LeetCode&#xff09; /*解题思路&#xff1a; 此题可以用两个队列去实现一个栈&#xff0c;每次始终保持一个队列为空&#xff0c; 入栈操作相当于给非空队列进行入队操作 出栈操作相当于非空队列的队尾元素出队&…

细说CountDownLatch

CountDownLatch 概念 CountDownLatch可以使一个获多个线程等待其他线程各自执行完毕后再执行。 CountDownLatch 定义了一个计数器&#xff0c;和一个阻塞队列&#xff0c; 当计数器的值递减为0之前&#xff0c;阻塞队列里面的线程处于挂起状态&#xff0c;当计数器递减到0时…

【学习笔记】机器学习——GAN

提出于2014年。 GAN由两个神经网络组成&#xff1a;一个试图生成看起来与训练数据相似数据的生成器&#xff0c;以及一个试图从虚假数据中分辨出真实数据的判别器。生成器和判别器在训练期间相互竞争。 对抗训练&#xff08;训练竞争性网络&#xff09;是一种重要的机器学习思想…

工作几年了,你真的懂 Redis 嘛?

大家好&#xff0c;我是伍六七。一个专注于输出 AI 编程内容的在职大厂资深程序员&#xff0c;全国最大 AI 付费社群破局初创合伙人&#xff0c;关注我一起破除 35 诅咒。 Redis 基本上是大部分技术公司都会使用的缓存框架&#xff0c;但是我发现很多程序员其实并不懂 Redis。 …

SSM新闻发布管理系统

SSM毕设分享 序号1&#xff1a;SSM新闻发布管理系统 1 项目简介 Hi&#xff0c;各位同学好&#xff0c;这里是郑师兄&#xff01; 今天向大家分享一个毕业设计项目作品【SSM新闻发布管理系统】 师兄根据实现的难度和等级对项目进行评分(最低0分&#xff0c;满分5分) 难度系数…

三极管在数字电路中的应用

一、认识三极管 三极管拥有3个引脚&#xff0c;分别对应3个级&#xff1a;基极(Base)、发射极&#xff08;Emitter&#xff09;、集电极(Collector)&#xff0c;如下图所示&#xff1b;下图横向左侧的是基极&#xff0c;带箭头的那个引脚就是发射极&#xff0c;另一个就是集电…

【PUSDN】java中easyexcel导入导出带有图片的Excel(main方法方式)

简述 java中easyexcel导入导出带有图片的Excel&#xff08;main方法方式&#xff09;&#xff0c;web方式详见另一篇 由于电脑音频问题&#xff0c;视频暂时没有解说声音&#xff0c; 回头重新补上 前情提示 如果有任何疑问、需求、技术支持&#xff0c;欢迎点赞&#xff0…

JavaWeb-XML

1.常见的配置文件 1.1 properties 数据库的连接就使用properties文件作为配置文件&#xff0c;properties文件中的配置信息是以键值对的形式存储的。 beiluo.jdbc.urljdbc:mysql://localhost:3306/beiluo beiluo.jdbc.drivercom.mysql.cj.jdbc.Driver beiluo.jdbc.usernamer…

【hacker送书活动第7期】Python网络爬虫入门到实战

第7期图书推荐 内容简介作者简介大咖推荐图书目录概述参与方式 内容简介 本书介绍了Python3网络爬虫的常见技术。首先介绍了网页的基础知识&#xff0c;然后介绍了urllib、Requests请求库以及XPath、Beautiful Soup等解析库&#xff0c;接着介绍了selenium对动态网站的爬取和S…

HADOOP::Fsimage和Edits解析

NameNode被格式化之后&#xff0c;将在/opt/module hadoop-3.1.3/data/tmp/dfs/name/curent目录 中产生如下文件 fsimage_ 0000000000000000000 fsimage_ 0000000000000000000.md5 seen_txid VERSION (1) Fsimage文件: HDFS文件系统元数据的一个永久性的检查点&#xff0…

判断二叉树是否为完全二叉树

具体思路&#xff1a; 将二叉树层序遍历&#xff08;节点&#xff09;插进队列中&#xff0c;遇到空时就break&#xff08;退出循环&#xff09;&#xff0c;再重新遍历一遍&#xff0c;若空的后面又再次出现数据&#xff0c;则返回false&#xff08;不是完全二叉树&#xff0…

基于Java+Swing+Mysql图书管理系统(含实训报告)

基于JavaSwingMysql图书管理系统-含实训报告 一、系统介绍二、功能展示1.用户登陆 四、其他系统实现五、获取源码 一、系统介绍 该系统实现了查看登录界面、主页界面、图书类别管理、用户借阅记录、用户图书查询、用户图书归还、用户信息修改。 运行环境&#xff1a;idea、jd…

C# Spire操作Excel数据透视表

一、概述 数据透视表&#xff08;Pivot Table&#xff09;是一种交互式的表&#xff0c;可以进行某些计算&#xff0c;如求和与计数等&#xff0c;可动态地改变透视表版面布置&#xff0c;也可以重新安排行号、列标和页字段。当改变版面布置时&#xff0c;数据透视表也会按照新…

ASP.NET-BS结构的城市酒店入住信息管理系统的设计

2 理论基础 2.1 数据库技术 数据库技术应用中&#xff0c;经常用到的基本概念有&#xff1a;数据库&#xff08;DB&#xff09;、数据库管理系统&#xff08;DBMS&#xff09;、数据库系统&#xff08;DBS&#xff09;、数据库技术及数据模型。 数据库技术是研究数据库的结构、…

基于社区电商的Redis缓存架构-库存模块缓存架构(上)

库存模块缓存架构 我们先来分析一下库存模块的业务场景&#xff0c;分为入库和出库&#xff0c;入库的话&#xff0c;在库存模块中需要添加库存&#xff0c;由于库存也是 写多读多 的场景&#xff0c;那么也是以 Redis 作为主存储&#xff0c;MySQL 作为辅助存储 出库的话&am…

AMBA 5 CHI 协议节点实例和读数据的来源

1. CHI协议节点实例 如上图所示&#xff0c;RN-F、RN-I、HN-F、SN-F、HN-I、SN-I通过内部互联总线连接起来。这里的ICN可以是CMN-700。其中SN-F和SN-I是连接主存&#xff0c;RN-F和HN-F内部都有cache。 2. CHI读数据的可能来源 如上图所示&#xff0c;CHI协议中可能的读数据来…

Win中Redis部署与配置

1.下载msi版本 下载传送门 2.双击next-->next安装安装 3.密码配置以及开机自启 在配置文件中配置相应配置进行配置密码以及端口和ip port 6379指定 Redis 监听端口&#xff0c;默认端口为 6379&#xff0c;作者在自己的一篇博文中解释了为什么选用 6379 作为默认端口&…

初识Linux:保姆级教学,让你一秒记住Linux中的常用指令!

文章目录 前言一、LInux的背景及发展史二、Linux下的基本指令1、ls指令2、pwd指令3、cd指令4、touch指令5、mkdir指令&#xff08;重要&#xff09;6、tree指令7、rmdir指令和rm指令&#xff08;重要&#xff09;8、man指令&#xff08;重要&#xff09;9、cp指令&#xff08;重…

分享77个焦点幻灯JS特效,总有一款适合您

分享77个焦点幻灯JS特效&#xff0c;总有一款适合您 77个焦点幻灯JS特效下载链接&#xff1a;百度网盘 请输入提取码 提取码&#xff1a;6666 Python采集代码下载链接&#xff1a;采集代码.zip - 蓝奏云 学习知识费力气&#xff0c;收集整理更不易。知识付费甚欢喜&…