JavaScript基本数据类型简单转换

2023-11-01

JavaScript几个变量类型简单介绍:

number型(数字型)

string型(字符型)

Boolean型(布尔型,true = 1,false = 0)

undefine (未定义类型)

null (空值)

其它类型本文暂不涉及。

注意:

1、JavaScript中不需要手动定义数据类型,使用var定义通用变量,变量类型会自动根据等号右边数据类型判断。

2、数据类型判断方法

2.1 函数判断(见正文)

2.2 字体颜色判断:在浏览器(Chrome为例)中,console.log控制台打印颜色若为深蓝色,则为number型。若为黑色,则为string型。

3、临时转换只对该转换语句有效,若通过typeof <变量名> 函数数据类型查询,结果不变仍是查询前类型,通过控制台打印颜色可以判断。

1、number型 ---> string型

1.1 <变量名>.toString() 方法

//1,数字型转换为字符串类型,变量名.toString()

        var num = 10;

        console.log(num);      //打印变量

        var numStr = num.toString();   //整型转换字符型

        console.log(str);  //输出转换后的字符串

        console.log(typeof str);   //数据类型判断

1.2 String(<变量名>) 方法

//2,整形转换字符串
        
        var canStr = String(num);   //整型转化为字符串型

        console.log(typeof canStr);  //变量类型函数验证

1.3 “+” 方法

 //3,利用 + 字符创的方法实现转换为字符串效果

        console.log(num + '');    //整型转化为字符串型

        console.log(typeof num);    //数据类型判断

如果单引号有字符内容,则转换字符串型,并且‘+’做连接符用。

2、string型-->number型(int/float)

2.1 字符串类型转换整数型,parseInt()

 var age = prompt(12);

        console.log(age);  //此时变量为字符型

        console.log(typeof age);  //变量类型查询

        // console.log(parseInt(age));  //临时转换

        var ageInt = parseInt(age);  //转换为整型(永久)

        console.log(ageInt);    //打印数值

        console.log(typeof ageInt);   //验证变量类型

 如果涉及到运算,那么对结果取整数位(忽略四舍五入) 

如果涉及到px等单位,则自动截断保留整数

2.2 字符串类型转换浮点类型,parseFloat()

var tmp = '3.678';   //定义一个变量

        console.log(tmp);    

        console.log(typeof tmp);  //变量类型查询
        
        // console.log(parseFloat(age));  //临时转换

        var tmpFloat = parseFloat(tmp);   //变量类型转换

        console.log(typeof tmpFloat);   //变量类型查询


//其它在转换case
        console.log(parseFloat('3.14'));  

        console.log(parseFloat('120px'));    //回显:120

        console.log(parseFloat('rem123px')); //回显:NaN  意为not a number

2.3 Number()函数转换
 

 var str  = '123';        //定义变量


        console.log(str);          //打印变量


        // console.log(Number(str));    //临时转换变量类型


        var strNum = Number(str);     //转换变量类型


        console.log(typeof strNum);   //变量类型查询

2.4 利用算数类型转换,隐式转换

运算结果均为“number”类型。

 console.log('20' - 0);  

        console.log(('123' - '120'));

        console.log(('123' / '4'));

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript基本数据类型简单转换 的相关文章

随机推荐

  • 【目标检测】49、YOLOF

    文章目录 一 背景 二 方法 2 1 使用 SiSo 代替 MiMo 2 2 使用 Uniform matching 代替 Max IoU matching 2 3 YOLOF 的结构 三 效果 论文 You Only Look One l
  • linux常用命令-part2

    Ubuntu Fedora Debian CentOS中文怎么发音 有奔头 费德勒 迪扁 桑托斯 乌版图 菲朵拉 德槟 森头斯 使用find和wc命令统计代码行数 wc l find name js xargs 查看当前目录下文件的个数 l
  • 【用YOLOv3-tiny对TT100K进行训练】

    用YOLOv3 tiny对TT100K进行训练 数据集的处理 TT100K YOLO Label代码如何使用 修改数据集的配置文件 开始训练 训练意外中断怎么办 第一次跑代码 过程艰辛 值得记录 数据集的处理 YOLO对于数据集标签的格式有
  • oracle11g在没DNS情况下failover的配置方法

    1 Oracle 11g引入scan ip 可在没有DNS的情况下 客户端连接RAC配置failover时 很多情况还是使用oracle10g方式 即在客户端tnsname ora中配置failover 1 当客户端配置如下时 连接的实例关
  • 直线电机原理动画_直线振动筛工作原理结构图以及结构解析

    很多用户在使用直线振动筛的时都没有好好的研究过 该设备有哪些结构特点 从而造成了很多的使用上的问题 那么今天小编就为大家简单的介绍一下 如下所示 1 工作原理 直线振动筛为双电机驱动 利用电机里的偏心块的振动带动筛网和物料的振动 从而完成物
  • python summary结果提取_从Python中的OLS Summary获取DurbinWatson和JarqueBera统计信息

    OLS是一个运行值的汇总列 OLS的一部分是Durbin Watson和Jarque Bera JB 的统计数据 我想直接提取这些值 因为它们已经被计算出来了 而不是像我现在对durbinwatson那样运行这些步骤 在 下面是我的代码 i
  • 【力扣】455、分发饼干

    var findContentChildren function g s g 孩子的胃口 s 饼干尺寸 let arr g sort a b gt return a b let brr s sort a b gt return a b 初始
  • 【Flutter】十八、Flutter中常用的布局容器——列表布局ListView、ListTile

    一 ListView 1 1 创建ListView的多种方式 1 1 1 ListView 1 1 2 ListView builder 1 1 3 ListView separated 1 1 4 ListView custom 二 Li
  • 【P186 20】C++ 容器快速入门 (vector、deque、list、map、set...)(超详细)

    P186 20 C 容器快速入门 一 vector容器 1 vector存放内置数据类型 1 六种遍历方式 六种遍历方式 完整代码总览 部分遍历详解 2 初始化 区别 1 默认初始化 无参 没给定数组大小 2 带参数构造初始化 给定数组大小
  • 小物体的目标检测的研究综述

    关于小目标检测算法的研究综述 小目标研究的难点 小目标研究算法的现状 自己对于小目标算法的理解 小目标检测的难点 在我们平常的数据集中 大多数都是中等和偏大的物体 小目标属性相对偏少 小目标在原始图像中一般只占0 02 0 05左右 而我们
  • Linux系统编程——文件编程(四)光标移动(lseek)

    lseek函数 lseek是一个用于改变读写一个文件时读写指针位置的一个系统函数 每个打开的文件都有一个与其相关联的 当前文件偏移量 它通常是一个非负整数 用以度量从文件开始处计算的字节数 通常 读 写操作都从当前文件偏移量处开始 并使偏移
  • 配置根目录_传奇单机架设教程:传奇单机登陆器配置全套教程

    在什么情况下需要架设单机呢 当你想要开外网 选定版本时可以将版本架设单机进行测试 当你觉得别人的服已经不够玩了 也可以自己架设单机 开自己喜欢的版本 传奇单机架设教程分享 只要学会了单机架设 就可以用本地电脑架设不同版本的传奇啦 赶快学起来
  • python 删除两个文件中没有一一对应的名称

    删除两个文件中没有一一对应的名称 针对于 jpg文件和xml文件没有对齐 usr bin python3 coding UTF 8 import os import shutil file name 1 JPEGImages 图片文件存放地
  • C语言进阶之路:如何去求任意两个数字的加减乘除问题

    提示 可以参考博主之前的文章来写的代码去寻找思路 文章目录 思考一下 一 提示 二 根据任意两个整数的求和去书写关于任意两个整数的加减乘除代码 1简单编写 2 笔者建议 总结 思考一下 提示 建议读者先进行自我思考 通过对博客的对比 不断挖
  • 未为python配置解释器_Python环境安装,解释器配置

    下载安装完Pycharm后 创建一个py文件编写代码会提示No Python interpreter configured for the project 这是提示要配置解释器 可以去官网下载安装 从官网下载https www python
  • 2021-09-04

    使用ESP8266实现STM32连网 USART实现 巴法云物联网 1 使用硬件 程序思路 基于正点原子的测试程序 在巴法云物联网创建的主题 ESP8266初始化代码 比较简陋 主函数代码 如果想用串口助手调试 接线方法如下 1 使用硬件
  • DFS判断有向图是否存在环

    st数组记录每个点的状态 0表示没访问过 1表示访问过 2表示与该点相邻的点都被访问过 dfs深搜如果遇到被标记成1的点 就说明有环 include
  • JavaWeb开发 JSP技术详解

    目录 一 JSP简介 1 1 JSP介绍 1 2 常见的视图层技术 1 3 前后端分离开发方式 二 JSP运行原理 2 1JSP技术特点 2 2 JSP与Servlet区别 三 JSP标签的使用 3 1 原始标签 3 1 1 声明标签 3
  • Win10配置环境变量path详解

    一 配置环境变量的目的 在刚刚写的代码中 只能存放在bin目录下 才能使用 javac 和 java 工具 如果我想把代码存放在任意的目录下 在任意的目录下都可以使用javac 和 java 工具该怎么办呢 就可以把 javac 和 jav
  • JavaScript基本数据类型简单转换

    JavaScript几个变量类型简单介绍 number型 数字型 string型 字符型 Boolean型 布尔型 true 1 false 0 undefine 未定义类型 null 空值 其它类型本文暂不涉及 注意 1 JavaScri