十四、JavaScript——类型转化_数值

news2025/7/3 23:11:24

一、定义

将其他的数据类型转化为数值

  1. 使用Number()函数来将其他类型转化为数值,适用于任何类型
  2. 使用parseInt() -- 将一个字符串转化为一个整数

                        -解析时,会自作向右读取一个字符串,直到读取到所有的整数位

  3. parseFloat() -- 将一个字符串转化为浮点数

  • 使用Number()函数来将其他类型转化为数值

                - 转化的情况

                        -字符串

                            - 如果字符串是一个各发的数字,就转化为对应数字

                            - 如果字符串不是合法数字,转化为NaN(例如 ‘abc'就不是合法数字)

                            - 字符串是空串或纯空格,转化为0

                        -布尔值

                            - true转化为1 false转化为0

                        - null 转化为 0

                        - undefinded 转化为 NaN

 

 

 

<script>
        /*
            将其他的数据类型转化为数值
                1.使用Number()函数来将其他类型转化为数值
                    - 转化的情况
                        -字符串
                            - 如果字符串是一个各发的数字,就转化为对应数字
                            - 如果字符串不是合法数字,转化为NaN
                            - 字符串是空串或纯空格,转化为0
                        -布尔值
                            - true转化为1 false转化为0
                        - null 转化为 0 
                        - undefinded 转化为 NaN
                    
        */

        let a = '123'  //合法数字
 
        let b = 'abc'  //不合法数字

        let c = ''     //空字符串,转为0

        let d = '     '  //空格串,转为0

        let e = true     //ture 转为 1

        let f = false    //false 转为0

        let g = null    //null 转化为 0 

        let h   //undefinded 转化为 NaN


        a = Number(a)
        b = Number(b)
        c = Number(c)
        d = Number(d)
        e = Number(e)
        f = Number(f)
        g = Number(g)
        h = Number(h)


        console.log(typeof a, a)
        console.log(typeof b, b)
        console.log(typeof c, c)
        console.log(typeof d, d)
        console.log(typeof e, e)
        console.log(typeof f, f)
        console.log(typeof g, g)
        console.log(typeof h, h)


    </script>
  • 使用parseInt() -- 将一个字符串转化为一个整数

                    -解析时,会自作向右读取一个字符串,直到读取到所有的整数位

                        例如:let a = '123px’

                        使用  a = Number(a)    那么  a 的值为NaN,

                        使用  a = parseInt(a)   那么  a 的值为123,

                        如果是 let a = 'p123px'  自作向右第一个不是数字,

                        使用  a = parseInt(a)    那么 a 的值为NaN 

                        如果是 let a = '123.123'  有小数部分,

                        使用  a = parseInt(a)    那么 a 的值为123,只读取到整数部分

 

 

  <script>
        /*
            将其他的数据类型转化为数值
                1.使用Number()函数来将其他类型转化为数值
                    - 转化的情况
                        -字符串
                            - 如果字符串是一个各发的数字,就转化为对应数字
                            - 如果字符串不是合法数字,转化为NaN
                            - 字符串是空串或纯空格,转化为0
                        -布尔值
                            - true转化为1 false转化为0
                        - null 转化为 0 
                        - undefinded 转化为 NaN

            专门用来将字符串转换为数值的两个方法
                parseInt() -- 将一个字符串转化为一个整数
                    -解析时,会自作向右读取一个字符串,直到读取到所有的整数位
                parseFloat() -- 将一个字符串转化为浮点数
                    
        */

        // let a = '123'  //合法数字
 
        // let b = 'abc'  //不合法数字

        // let c = ''     //空字符串,转为0

        // let d = '     '  //空格串,转为0

        // let e = true     //ture 转为 1

        // let f = false    //false 转为0

        // let g = null    //null 转化为 0 

        // let h   //undefinded 转化为 NaN


        // a = Number(a)
        // b = Number(b)
        // c = Number(c)
        // d = Number(d)
        // e = Number(e)
        // f = Number(f)
        // g = Number(g)
        // h = Number(h)


        // console.log(typeof a, a)
        // console.log(typeof b, b)
        // console.log(typeof c, c)
        // console.log(typeof d, d)
        // console.log(typeof e, e)
        // console.log(typeof f, f)
        // console.log(typeof g, g)
        // console.log(typeof h, h)


        let a = '123px'
        a = Number(a)
        console.log(typeof a, a)



        let b = '123px'
        b = parseInt(b)
        console.log(typeof b, b)

        let c = 'P123px'
        c = parseInt(c)
        console.log(typeof c, c)

        let d = '123.123'
        d = parseInt(d)
        console.log(typeof d, d)



    </script>

 

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

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

相关文章

想学设计模式、想搞架构设计,先学学 UML 系统建模吧

UML 系统建模 1 概述 1.1 课程概述 汇集 UML 及其相关的一些话题回顾 UML 相关的符号与概念以电商订单相关业务为例&#xff0c;借助 UML 完成系统建模将 UML 变成提升建模效率&#xff0c;表达架构思想的工具 1.2 什么是 UML ​ Unified Modeling Language 统一建模语言&a…

MEMS运动传感器:三轴数字输出陀螺仪——L3GD20

一、框图和引脚说明 二、机械和电气规格 三、应用 四、数字框图 4.1 框图 4.2 FIFO L3GD20为三个输出通道(偏航、俯仰和滚转)分别嵌入了32个16位数据FIFO槽。 五种模式&#xff1a;Bypass mode、FIFO mode、Stream mode、Bypass-to-Stream mode and Stream-to-FIFO mode。 …

ICG-Amine|ICG标记氨基|ICG-NH2

ICG-Amine|ICG标记氨基|ICG-NH2 中文名称&#xff1a;ICG标记氨基英文名称&#xff1a;ICG-Amine 分子式&#xff1a;C47H56N4O4S 分子量&#xff1a;773.04 外观&#xff1a;绿色粉末 溶解度&#xff1a;二氯甲烷 纯度&#xff1a;95% 结构式&#xff1a; Indocyanine …

JUC并发编程第十二篇,详解Synchronized与锁升级

详解Synchronized与锁升级一、概述二、Synchronized 版本升级优化与锁对象1、版本变化2、为什么每一个对象都可以成为一个锁&#xff1f;三、Synchronized锁升级步骤详解1、如何升级&#xff1f;2、无锁&#xff0c;不会出现竞争3、偏向锁4、轻量级锁5、重锁6、三种锁的比较四、…

接口测试实战 | Android 高版本无法抓取 HTTPS,怎么办?

image1080327 43.8 KB 【编者按】本文为霍格沃兹测试学院 yuye 同学的接口测试实践笔记。 在接口测试中&#xff0c;相信很多人都遇到过 Android 高版本&#xff08;Android7.0 以上&#xff09;系统无法抓包的问题。 由于在测试过程中对分析定位问题很不方便&#xff0c;所以…

Solidity地址支付方法Send、Transfer和Call的使用

以上三种转账方式都属于地址的成员属性&#xff08;members of address&#xff09;。 参见地址成员类型 Transfer 如果当前合约的余额不够大或者 Ether转账被接收账户拒绝&#xff0c;转账功能将失败。接收方智能合约应定义回退函数&#xff0c;否则转账调用将引发错误。tr…

以生态共建促产业发展,点亮HPC新未来

作者 | 曾响铃 文 | 响铃说 作为IT行业的“明珠”&#xff0c;极“硬核”的高性能计算不如云计算、AI、物联网技术备受关注。但不可忽视的是&#xff0c;近年来&#xff0c;高性能计算正在从高精尖科研加速迈向千行百业&#xff0c;成为推动数字经济发展的新引擎。在近日举办…

springboot - 原理初探

自动配置&#xff1a; 1、pom.xml &#xff08;1&#xff09;sping-boot-dependencies&#xff1a;核心依赖在父工程中&#xff01;&#xff01;&#xff01; &#xff08;pom.xml文件中&#xff0c;spring-boot-starter-parent 点进去&#xff0c;然后&#xff0c;spring-…

C51 - 准双向I/O口结构

Contents1> P1口1.1> 写 "0" 过程1.2> 写 "1" 过程1.3> 读引脚”准“双向问题&#xff1a;1.4> 读 寄存器2> P3口3> P0口1> P1口 没画【P1.0/T2】【P1.1/T2EX】第2功能&#xff1b; 1.1> 写 “0” 过程 D触发器FF1&#xff0c;…

ssm+Vue计算机毕业设计校园新闻发布系统(程序+LW文档)

ssmVue计算机毕业设计校园新闻发布系统&#xff08;程序LW文档&#xff09; 项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技…

微信小程序-视图与逻辑

文章目录1. 页面导航2. 导航传参3. 下拉刷新4. 上拉触底5. 自定义编译模式6.生命周期7. wxs脚本1. 页面导航 页面导航指的是页面之间的相互跳转。例如&#xff0c;浏览器中实现页面导航的方式有如下两种&#xff1a; 声明式导航 在页面上声明一个<navigator>导航组件通…

java swing(GUI) MySQL实现的学生选课签到考勤系统源码开发教程

今天给大家演示一款由Java swing即GUI和mysql数据库实现的&#xff0c;学生签到考勤信息管理系统&#xff0c;系统采用了MVC的设计模式&#xff0c;结构层次非常清晰&#xff0c;此外&#xff0c;该项目有手把手的开发教程&#xff0c;适合刚入门Java的学生学习&#xff0c;下面…

思科复习实验,含dhcp,三层交换机,ospf

♥️作者&#xff1a;小刘在这里 ♥️每天分享云计算网络运维课堂笔记&#xff0c;疫情之下&#xff0c;你我素未谋面&#xff0c;但你一定要平平安安&#xff0c;一 起努力&#xff0c;共赴美好人生&#xff01; ♥️夕阳下&#xff0c;是最美的&#xff0c;绽放&#xff0c;…

协同过滤毕业设计 商品推荐系统

文章目录1 简介2 常见推荐算法2.1 协同过滤2.2 分解矩阵2.3 聚类2.4 深度学习3 协同过滤原理4 系统设计4.1 示例代码(py)5 系统展示5.1 系统界面5.2 推荐效果6 最后1 简介 &#x1f525; Hi&#xff0c;大家好&#xff0c;这里是学长的毕设系列文章&#xff01; &#x1f525…

JVM面试题详解系列——垃圾回收详解

堆空间的基本结构 Java 的自动内存管理主要是针对对象内存的回收和对象内存的分配。同时&#xff0c;Java 自动内存管理最核心的功能是 堆 内存中对象的分配与回收。 Java 堆是垃圾收集器管理的主要区域&#xff0c;因此也被称作 GC 堆&#xff08;Garbage Collected Heap&am…

如何将 Credly 中的数字徽章转成二维码

如何将 Credly 中的数字徽章转成二维码 在 Credly 数字证书 这一篇文章中要说过当完成 AWS Academy Cloud Foundations 课程后&#xff0c;可以申请一个结业证书徽章&#xff0c;已下逐步说明&#xff0c;如何申请结业证书徽章&#xff0c;并转成二维码&#xff0c;可以放在个…

Guitar Pro8电脑版更新下载及主要功能介绍

想成为一名专业甚至著名的音乐人&#xff0c;用到的工具软件非常多&#xff0c;在众多款软件工具中&#xff0c;Guitar Pro 8能满足乐谱创作者、学习者的所有需要。 Guitar Pro 8多达30项功能优化新版本 边听边看&#xff0c;支持添加音频轨道让音乐富有灵魂&#xff0c;精准…

用友U8 cloud,以应用牵引与价值驱动推进信创2.0阶段

经过多年发展的中国信创产业正进入新阶段&#xff0c;无论资本市场还是企业市场&#xff0c;都迎来“大爆发”。 信创的市场空间正在被打开。在今年9月底国家下发的79号文中&#xff0c;全面给出了国资信创产业发展与进度的指导&#xff0c;要求到2027年央企国企100%完成信创替…

IB学校书单合集请收藏好

努力一寒假&#xff0c;开学变学霸&#xff01;阅读是提升学生思维能力的最佳方法&#xff0c;也是提升学习成绩的最有效途径。假期是最棒的阅读机会&#xff0c;然而什么书孩子爱读、读后有效&#xff1f; 小编为大家整理了几所国际学校的推荐书单&#xff0c;快带着孩子一起阅…

Kong 介绍

1 官方&#xff1a;Installing Kong Gateway (Enterprise) on Kubernetes - v2.5.x | Kong Docs 2 github: GitHub - pantsel/konga: More than just another GUI to Kong Admin API 什么是kong API 网关和 API 服务管理层&#xff0c;它基于 Nginx 和 OpenResty 开发的一个具…