JavaScript类型转换

一些需要注意的数据类型:

  • NaN的数据类型是number
  • Array、Date、null的数据类型是object
  • 未定义变量的数据类型是undefined

自动转换类型:尝试操作一个 “错误” 的数据类型时,会自动转换为 “正确” 的数据类型。

 5 + null    // 返回 5         null 转换为 0     "5" + null  // 返回"5null"    null 转换为 "null""5" + 1     // 返回 "51"      1 转换为 "1"  "5" - 1     // 返回 4         "5" 转换为 5

==运算符的隐式类型转换规则

1.类型转换:两个操作数的类型不同,js会尝试转换成相同的类型。

2.原始类型比较:两个操作数的类型都是原始类型(如数组、字符串、布尔值),它们会被转换成相同的类型,再进行比较。

3.nullundefined比较:被视为相等。

4.字符串和数字比较:js会将字符串转换成数字,再进行比较。如果字符串不能转换成有效的数字,则结果为false

5.布尔值比较:一个是布尔值,一个非布尔值,则布尔值会被转换成数字,再进行比较。true为1,false为0。

6.对象和原始类型比较:对象通过ToPrimitive转换成原始类型,再进行比较。通常涉及到对象的valueOf()toString()方法。

 ToPrimitive(obj, Number) ==> Number({})//1.如果 obj 是基本类型,直接返回//2.否则,调用 valueOf 方法,如果得到原始值,则返回//3.否则,调用 toString 方法,如果得到原始值,则返回//4.否则,报错

7.NaN比较:NaN与任何值比较都返回false,包括NaN自己。

在写代码时,最好使用===来避免隐式类型转换并确保类型和值都相等。

[] == ![]返回true

关系转换图如下:

image.png

[]![]都是对象,!的优先级大于==,要先进行非运算。

!会进行两步操作:

  • 1.对!后面的操作数转换成布尔值
  • 2.将这个布尔值取反

则将[]转换成布尔值,根据官方文档可知,任何对象转换成布尔值都是true,所以![]false

则原式变为[] == false,一个是对象一个是布尔值,则都会转换成数字进行比较。[]经过ToPrimitive会被转换成字符串""。再将等号两边的字符串""和布尔值false转换成数字 0 ,得到 0 == 0 ,打印得到 true

 //执行过程[] == ![][] == !true // 将空数组这个对象类型转换成布尔值[] == false // ! 运算符对 true 进行取反'' == false // 对 [] 进行 ToPrimitive 操作,返回一个空对象 0 == 0 // 将等号两边都转换成数字类型
字符串转换成数字

js在将字符串转换成数字时,它会查看字符串的内容。如果表示一个有效的数字则会转换成数字,不是则转换成NaN

Q:\t == 0是为什么?

  • 有些特殊含义的字符会被转换成数字0,\t \n \r在进行字符串转换数字时都是0。
  • 还有种说法是:字符串在toNumber()时会首先去除空格,再判断该数字是否为非数字。如果NaN,则结果为``NaN;如果字符串为空则结果为0。

可以多看看这张图:

image.png

下图是使用不同的值转换为数字,字符串,布尔值:

image.png

image.png

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

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

相关文章

linux_day04

大纲:命令,vim,gcc,编译工具,生成代码,调试,库makefile,系统编程 文件系统:文件属性,文件内容,万物皆文件(不在内存中的是文件&#…

【Vue3】自定义 Vue3 插件(全局实现页面加载动画)

// main.ts import { createApp } from vue import App from ./App.vue import Loading from "./components/Loading/index.ts";const app createApp(App) type Lod {show: () > void,hide: () > void } //编写ts loading 声明文件放置报错 和 智能提示 decl…

应用层DDoS防护:理解、必要性与实现策略

一、应用层简介 应用层,也称作第七层,是OSI(开放系统互联)模型中的最高层。在这一层,数据以特定的应用程序协议格式进行传输,如HTTP、FTP、SMTP等。应用层的主要职责是为用户提供网络服务,如文…

代码随想录Leetcode139. 单词拆分

题目&#xff1a; 代码(首刷看解析 2024年2月28日&#xff09;&#xff1a; class Solution { public:// 动态规划bool wordBreak(string s, vector<string>& wordDict) {int n s.size();// 初始化dp[i]vector<int> dp(n 1, false);dp[0] true;// 遍历 排列…

Robot Framework与Web界面自动化测试:简单例子

&#x1f525; 交流讨论&#xff1a;欢迎加入我们一起学习&#xff01; &#x1f525; 资源分享&#xff1a;耗时200小时精选的「软件测试」资料包 &#x1f525; 教程推荐&#xff1a;火遍全网的《软件测试》教程 &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1…

矩阵爆破逆向之条件断点的妙用

不知道你是否使用过IDA的条件断点呢&#xff1f;在IDA进阶使用中&#xff0c;它的很多功能都有大作用&#xff0c;比如&#xff1a;ida-trace来跟踪调用流程。同时IDA的断点功能也十分强大&#xff0c;配合IDA-python的输出语句能够大杀特杀&#xff01; 那么本文就介绍一下这…

redis的基本数据类型(一)

redis的基本数据类型 1、redis1.1、数据库分类1.2、NoSQL分类1.3、redis简介1.4、redis应用1.5、如何学习redis 2、redis的安装2.1、Windows安装2.2.1、客户端redis管理工具 2.2、Linux安装&#x1f525;2.2.1、redis核心文件2.2.2、启动方式2.2.3、redis桌面客户端1、redis命令…

Bored Ape Yacht Club NFT 概览与数据分析

作者&#xff1a;stellafootprint.network 编译&#xff1a;cicifootprint.network 数据源&#xff1a;Bored Ape Yacht Club NFT Collection Dashboard Bored Ape Yacht Club 是 Ethereum 区块链上独特的 10,000 个 Bored Ape NFT 的独家收藏。这个 NFT 项目会在 2024 年…

wy的leetcode刷题记录_Day79

wy的leetcode刷题记录_Day79 声明 本文章的所有题目信息都来源于leetcode 如有侵权请联系我删掉! 时间&#xff1a;2024-3-1 前言 目录 wy的leetcode刷题记录_Day79声明前言2369. 检查数组是否存在有效划分题目介绍思路代码收获 61. 旋转链表题目介绍思路代码收获 82. 删除排…

网络编程第二天

1.基于TCP的通信(面向连接的通信) 服务器代码实现&#xff1a; #include <myhead.h> #define IP "192.168.126.91" #define PORT 9999 int main(int argc, const char *argv[]) {//1、创建套接字int sfd-1;if((sfdsocket(AF_INET,SOCK_STREAM,0))-1){perror(…

设计模式——2_3 迭代器(Iterator)

生活就像一颗巧克力&#xff0c;你永远不知道下一颗是什么味道 ——《阿甘正传》 文章目录 定义图纸一个例子&#xff1a;假如你的采集器供应商提供了不同类型的返回值单独的遍历流程实现 碎碎念如果读写同时进行会发生啥&#xff1f;外部迭代和内部迭代迭代器和其他模式迭代器…

List 集合遍历过程中删除元素避坑指南。

文章目录 1. 遍历2. 遍历过程中删除元素2.1 for 简单循环正向遍历方式2.2 for 简单循环反向遍历方式2.3 foreach 方式遍历删除2.4 Iterator的remove()方法2.5 <font color green> removeIf() &#xff08;推荐&#xff09;<green>2.6 Strem 方式 作为一名后端开发…