JavaScript -- 多种类型转换方法总结

news2024/11/27 21:01:45

文章目录

  • 类型转换
    • 1 转换为字符串
    • 2 转换为数值
    • 3 转换为布尔值
    • 4 总结

类型转换

类型转换指将一种数据类型转换为其他类型

类型转换是根据当前值去创建另一个值,而不是将当前值直接进行转换

这里说到的转换都是显示类型转换,除此之外还有隐式类型转换

1 转换为字符串

  1. 调用toString()将其他类型转换为字符串

    由于null和undefined中没有toString()方法,所以对这两个函数调用toString()的时候会报错

    image-20221130103929105

  2. 调用String()函数

    • 对于拥有toString()的值调用String()函数时,实际上就是在调用toString()方法
    • 对于null,则直接转换为"null"
    • 对于undefined,则直接转换为"undefined"

    image-20221130104240420

  3. 隐式类型转换
    当任意一个值和字符串做加法运算时,它会先将其他值转换为字符串,然后再做拼串的操作可以利用这一特点来完成类型转换可以通过为任意类型 + 一个空串的形式来将其转换为字符串其原理和String()函数相同,但使用起来更加简洁

let a = true
let b = String(a)
let c = a + ''

image-20221130121501607

2 转换为数值

使用Number()函数将其他数值转换为数值

image-20221130105056482

转换情况:

  • 字符串:
    • 如果字符串是一个合法的数字,则会自动转换为对应的数字
    • 如果字符串不是合法数字,则测转换为NaN
    • 如果字符串是空串或纯空格的字符串,则转换为0
  • 布尔值:
    • true转换为 1,false转换为 0
  • null 转换为 0
  • undefined 转换为 NaN

专门用来将字符串转换为数值的两个方法

这两个函数接受的参数都是string,如果传入的参数不是字符串的话,会自动转换为string

  • parseInt():将一个字符串转换为一个整数
    • 解析时候,会自左向右读取一个字符串,直到读取到字符串中所有的有效的整数
    • 也可以使用parseInt()来对一个数字进行取整
  • parseFloat():将一个字符串转换为一个浮点数
    • 解析时候,会自左向右读取一个字符串,直到读取到字符串中所有的有效的小数
let a = "123px"
console.log(typeof a, a) // string 123px

let b = parseInt(a)
console.log(typeof b, b) // number 123

let c = parseInt("a123")
console.log(typeof c, c) // number NaN

let d = parseInt(123.456)
console.log(typeof d, d) // number 123

隐式类型转换

  • 正号
    • 不会改变数值的符号
  • 负号
    • 可以对数值进行符号位取反
  • 当我们对非数值类型进行正负运算时,会先将其转换为数值然后再运算

image-20221130122555500

3 转换为布尔值

使用Boolean()函数将其他类型转换为布尔值

记false的情况就好了,false的情况比较少,其余的情况都是true

  • 转换的情况:

    • 数字:

      • 0 和 NaN 转换为false
      • 其余是true
    • 字符串:

      • 空串 转换为 false
      • 其余是true
    • null和undefined 都转换为 false

    • 对象:对象会转换为true

  • 所有表示空性的没有的错误的值都会转换为false:

    • 0、NaN、空串、null、undefined、false
Boolean(1) // true
Boolean(-1) // true
Boolean(0) // false
Boolean(NaN) // false
Boolean(Infinity)) // true

Boolean('abc') // true
Boolean('true') // true
Boolean('false') // true
Boolean('') // false
Boolean(" ") // true
Boolean(null) // false
Boolean(undefined) // false

隐式类型转换
如果对一个非布尔值进行取反,它会先将其转换为布尔值然后再取反,可以利用这个特点将其他类型转换为布尔值(可以使用!!m代替Boolean(m)

image-20221130124746659

4 总结

隐式转换在运算符讲解

  • 转换为字符串
    • 显式转换:String(a)
    • 隐式转换: a + ""
  • 转换为数值
    • 显式转换:Number(a)
    • 隐式转换:+a
  • 转换为布尔值
    • 显式转换:Boolean(a)
    • 隐式转换:!!a

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

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

相关文章

MnTTS: 开源蒙古语语音合成数据集及其基线模型

本次分享内蒙古大学蒙古文信息处理重点实验室、蒙古文智能信息处理技术国家地方联合工程研究中心及语音理解与生成实验室 (S2LAB) (https://ttslr.github.io/index_S2Group.html)共同发布的开源蒙古语语音合成数据集及其基线模型。相关论文《MnTTS: An O…

BI业务用户商业分析新时代,如何把数据用透?

数字化转型进入实质性阶段,企业对于数据的需求也随之加深。然而,一些企业积累了大量数据,却难以深度释放数据价值。 近几年,作为数据应用的有力工具,BI商业智能分析平台同样进入了转折期,其发展趋势明显呈…

Nacos后台系统未授权添加管理员

一:什么是nacos Nacos 致力于帮助您发现、配置和管理微服务。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据及流量管理。 Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。 Nacos 是构建以“服务”为中…

爱奇艺:基于龙蜥与 Koordinator 在离线混部的实践解析 | 龙蜥技术

在 2022 云栖大会龙蜥峰会云原生专场上,来自爱奇艺的基础架构研究员赵慰分享了《基于龙蜥与 Koordinator 的在离线混部实践》技术演讲,以下为本次演讲内容: 一、爱奇艺离线业务混部背景 与众多互联网公司一样,爱奇艺常见的负载…

Go语言学习笔记-A Tour of Go 练习笔记-Images

Exercise: Images 练习题目: Remember the picture generator you wrote earlier? Lets write another one, but this time it will return an implementation of image.Image instead of a slice of data. Define your own Image type, implement the necessary methods, …

您的推特营销选对群控了吗

作为跨境电商从业者,我们都知道,如果平台检测到违规,最多的是多账号关联。平台怎么判定我们的账号是否关联呢?一个重要的依据是浏览器的指纹信息。 一、进行站外引流的困难有哪些: 国内用户在推广海外社交媒体时&…

【OpenCV-Python】教程:3-10 直方图(4)直方图反向投影

OpenCV Python 直方图 反向投影 【目标】 直方图反向投影calcBackProject 【原理】 用于图像分割和查找感兴趣目标。简单的说,会创建一个与输入图像同样大小的图像(单通道),每个像素对应像素属于目标的概率。更简单的说就是&am…

pdf文件丢失怎么办?别慌,详细介绍4种恢复方法

pdf文件丢失怎么找到?别慌,停止往电脑上写入新的内容,重要的事情说三遍!下面,我们将会向您详细介绍在pdf文件丢失后的多种方法,请继续阅读以获得更多帮助! 方法1.运用Windows搜索功能 很多时候…

运放参数-共模输入范围-运算放大器

运放共模输入范围 根据实际的应用我们会选择一个运算放大器(op amp),选型过程中工程师会考虑一些参数可例如:电源电压、增益带宽积、输入共模范围、转换速率和输入噪声电压等等。 在本篇文章中重点介绍了运放的输入共模范围的定…

Codeforces Round #724 (Div. 2) C. Diluc and Kaeya

翻译: 蒙德施塔特一个酒庄帝国的大亨,在任何方面都无可匹敌。法佛尼乌斯骑士团中具有异域外表的思想家。 这一次,兄弟俩要处理的是一块刻着他们名字的奇怪木头。这块木板可以表示为一串𝑛字符。每个字符不是“D”就是“K”。您希…

Activiti7工作流(一)

工作流介绍 工作流(Workflow),就是通过计算机对业务流程自动化执行管理。它主要解决的是“使在多个参与者之间按照某种预定义的规则自动进行传递文档、信息或任务的过程,从而实现某个预期的业务目标,或者促使此目标的实现”。 案例: 出差费…

视频编解码 — 码控算法

目录 码控算法 码控算法的类型 具体操作过程如下 复杂度求解 帧组级 帧级 GOM级 码控算法 用算法来控制编码器输出码流的大小,码控就是为一帧图像选择一个合适的QP值的过程。 一帧图像的画面确定了之后,画面的复杂度和QP值几乎决定了编码之后的…

float32转float16

背景 当下做AI基本都用float16进行推理,目前用的比较多的还有bfloat16, 这里我们只讨论float16的这个数据类型。float16有个优点是大部分的GPU或者部分CPU支持float16的计算,速度快于float32, 此外显存或者内存也可以减少一半,基于这个特点&…

2022年12月1日最新的SqlServer安装教程

文章目录1、在线安装文件下载2、下载安装包3、下载安装SSMS1、在线安装文件下载 (1)进入官网地址,点击下载:SqlServer下载 (2)等待下载结束,大约几M (3)打开下载的.ex…

Spring Security基于jwt实现权限校验

一 引言 在基于springsecurity和jwt实现的单体项目token认证中我实现了基于jwt实现的认证,本文在此基础上继续实现权限认证 用户认证成功后携带jwt发起请求,请求被AuthenticationFilter拦截到,进行jwt的校验jwt校验成功后,调用JwtAuthenticationProvider从jwt中获得权限信息…

一个分布在多次Softmax后,会趋于相同

本文其实是我在知乎上无意中翻到的一条提问:softmax到底有哪些作用?,其中苏剑林大佬关于第四个问题的回复,给我产生了一些思考。为什么一个分布在多次Softmax之后,每个值会趋于相同?例如[1,100]在大约10次S…

[附源码]JAVA毕业设计高校心理咨询预约系统(系统+LW)

[附源码]JAVA毕业设计高校心理咨询预约系统(系统LW) 目运行 环境项配置: Jdk1.8 Tomcat8.5 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目…

新建esp32的vscode工程的三种方式

普通的idf工程在vscode下直接打开的时候,会发现很多头文件都是报错的,一些函数/类型等的定义也无法找到,比较影响阅读: 因此在vscode上开发esp32的时候,最好为这个工程提供vscode的支持,以下是三种实现的…

商务部研究院信用所、启信宝联合发布《中国商务信用发展指数报告(2022)》

近期,商务部国际贸易经济合作研究院信用研究所与合合信息全资子公司上海生腾数据科技有限公司(简称“生腾数据”)联合发布了《中国商务信用发展指数报告(2022)》(简称《报告》)。为准确反映中国…

NLP中的对抗训练(附PyTorch实现)

对抗样本的基本概念 要认识对抗训练,首先要了解"对抗样本",它首先出现在论文Intriguing properties of neural networks之中。简单来说,它是指对于人类来说"看起来"几乎一样,但对于模型来说预测结果却完全不…