从零开始学习typescript——类型转换

类型转换

在开发中,你有没有遇见一种情况

javascript 复制代码
let obj={
  displayNum:""
}
obj.displayNum="123";
let num:number =123
console.log(num==obj.displayNum) //false

我们想要的结果,是结果为true;那么这时候就要用到类型转换

  • 将其他类型转换为布尔类型
javascript 复制代码
let m: string ='123'
let mb:boolean = Boolean(m) ;// true

Boolean()函数会判断传入的值是空值,还是非空值;除了5种情况,其余的返回的都是true

  1. undefined

  2. null

  3. NaN

  4. 0

  5. ""

javascript 复制代码
Boolean(undefined) //false
Boolean(123) //true
Boolean("") //false
  • 将其他类型转换为数值类型

    • parseInt()
      将字符串类型的值转换为整型数值
    javascript 复制代码
    parseInt("   1") //1
    parseInt("1") //1
    parseInt("3.14") //3
    parseInt("1zz") //1
    parseInt("z1") //NaN

    看上面的代码,可以知道,使用parseInt()函数时,需要注意的几点。

    在转换时会忽略前面的空格,会从第一个非空字符串开始解析,直到遇见非数字字符,会忽略非数字字符及之后的所有字符;

    在转换时会忽略小数点后的数值

    • pareseFloat()
      将字符串类型的值转换为浮点型数值
    javascript 复制代码
    pareseFloat("   1。1") //1.1
    pareseFloat("1.1") //1.1
    pareseFloat("3.14.15") //3.14
    pareseFloat("1zz") //1
    pareseFloat("z1") //NaN

    看上面的代码,可以知道,使用pareseFloat()函数时,需要注意的几点。

    在转换时会忽略前面的空格,会从第一个非空字符串开始解析,直到遇见非数字字符,会忽略非数字字符及之后的所有字符;

    在转换时会忽略第二个小数点后的数值

    • Number()
      将任意类型的值转换为数值类型的值;Number()的转换大致和parseInt()和 parseFloat()一样;但是对与转换的内容中包含 非数字,只会得到NaN;所以如果判断一个字符串是否时纯数字的时候 可以使用Number();

      javascript 复制代码

    Number(" 1。1") //1.1

    Number("1.1") //1.1

    Number("3.14.15") //3.14

    Number("1zz") //NaN

    Number("z1") //NaN

    复制代码
  • 将其他类型转换为字符串类型

    可以使用两种方式可以将其他类型的值转换为字符串类型

    • 通过String()构造函数产生新的字符串
      如果使用String()会产生新的字符串。
    • 通过调用其他类型的toString()方法来进行转换
相关推荐
吃好睡好便好16 分钟前
说说如何爱护肠道
学习·生活
CoreTK_EMC20 分钟前
牙科医疗器械 ESD 静电整改案例|芯通康医疗级方案,护航诊疗安全与合规
网络·学习·emc整改·芯通康
南浦别a23 分钟前
第一百一十三天--慢慢改变吧
学习·程序人生
小新同学^O^1 小时前
Redis的简单总结
数据库·redis·学习
garmin Chen1 小时前
LeetcodeHot100打卡(14、合并空间,15、轮转数组,16、除了自身以外数组乘积,17.缺失的第一个整数)
java·笔记·学习·算法
不羁的木木2 小时前
ArkWeb实战学习笔记04-JavaScript与Native通信
笔记·学习·harmonyos
li星野2 小时前
RAG优化系列:HyDE(假设文档嵌入)——让LLM先写答案再检索
python·学习
知识分享小能手2 小时前
Flask入门学习教程,从入门到精通,Flask智能租房——用户中心知识点详解(9)
python·学习·flask
MageGojo2 小时前
做节日活动页时,如何用 API 快速生成对联内容
javascript·python·节日·对联生成
向上的车轮3 小时前
Next.js 入门指南:从零到一构建全栈应用
开发语言·javascript·ecmascript