JavaScript中基本数据类型之间的转换方法

javascript中共有六种数据类型,其中有五种是基本数据类型,还有一种则是引用数据类型。五种基本数据类型分别是:number 数值类型、string 字符串类型、boolean 布尔类型, null 空类型、以及undefined 未定义类型,下面就开始详细介绍它们之间的转换以及转换过程中的注意点。

JavaScript中基本数据类型之间的转换方法

基本数据类型转换为数值类型

一、在JavaScript中将其它基本四种基本数据类型装换为数值类型,有三种常用的方法:

1、通过Number(常量/变量)

2、通过parseInt(需要转换的字符串)/parseFloat(需要转换的字符串)

parseInt/parseFloat都会从左至右的提取数值, 一旦遇到非数值就会立即停止,停止的时候如何还没有提取到数值, 那么就返回NaN。

立即学习“Java免费学习笔记(深入)”;

3、通过 ’+’ / ’-’ 来转换

虽然通过+/-都可以将其它类型转换为数值类型, 但是-会改变数值的正负性;+/-底层本质上就是调用了Number函数

二、将其它基本四种基本数据类型装换为数值类型的注意点:

1、将字符串类型转换为数值类型

1、如果字符串都是数值,那么就正常转换

如果字符串是一个空串,例如 ”” (什么都没有存)或者是 ”  ” ( 仅仅存储了空格),那么转换之后就是0。

如果字符串中既包含数字还包含字母,例如 ”abc123”,那么转换之后就是NaN。

2、将布尔类型转换为数值类型

true转换为1

false转换为0

3、将空类型转换为数值类型

null转换为0

4、将未定义类型转换为数值类型

undefined转换为NaN

基本数据类型转换为字符串类型

一、在JavaScript中将其它基本四种基本数据类型装换为字符串类型,有三种常用的方法:

1、对于数值类型和布尔类型来说,可以通过变量名称.toString()的方式来转换

2、可以通过String(常量/变量);

3、还可以通过 变量/常量 + “”/’’ 来转换为字符串

二、将其它基本四种基本数据类型装换为字符串类型的注意点:

1、通过变量名称.toString()的方式来转换是对拷贝的数据进行转换, 并不会影响到原有的数据

2、不能使用常量直接调用toString方法, 因为常量是不能改变的

3、String(常量or变量), 由于是根据传入的值重新生成一个新的值, 并不是修改原有的值

4、将undefined未定义类型通过String()的方式转换为字符串类型,转换之后还是undefined

5、将null空类型通过String()的方式转换为字符串类型,转换之后还是null

6、通过 变量/常量 + “”/’’ 来转换为字符串,底层的本质其实就是调用String()函数

基本数据类型转换为布尔类型

在JavaScript中如果想将基本数据类型转换为布尔类型, 那么只需要调用Boolean(常量or变量)

将其它基本四种基本数据类型装换为字符串类型的注意点:

1、将字符串类型转换为布尔类型只要字符串中有内容都会转换为true, 只有字符串中没有内容才会转换为false

2、将数值类型转换为布尔类型只有数值是0才会转换为false, 其它的都会转换为true如果是NaN也会转换为false

3、将undefined类型转换为布尔类型undefined会转换为false

4、将null类型转换为布尔类型会转换为false

5、在JavaScript中NaN属于Number类型

6、空字符串/0/NaN/undefined/null 会转换成false, 其它的都是true

JavaScript与其它的编程语言的数据类型之间的转换类似,虽然它不像C语言那样将数据类型分的那么清楚,例如JavaScript中的数值类型就包含了C中的整型、单精度/双精度浮点型等等。

但是,在JavaScript中,不同数据类型之间的转换和C语言中不同数据类型之间的转换还是类似的,转换类型都分为两种,一种是自动转换,另一种是强制转换,只不过JavaScript中新增了一些转换的方法。

本文来自 js教程 栏目,欢迎学习!

以上就是JavaScript中基本数据类型之间的转换方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2751973.html

(0)
上一篇 2025年3月8日 06:05:38
下一篇 2025年3月8日 06:05:50

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Json字符串使用方法汇总

    这次给大家带来Json字符串使用方法汇总,Json字符串使用的注意事项有哪些,下面就是实战案例,一起来看一下。 下面将介绍日常中使用的三种解析json字符串的方法  1.首先,我们先看一下什么是 json 格式字符串数据,很简单,就是 js…

    编程技术 2025年3月8日
    200
  • redis在nodejs中应用实战项目分享

    这次给大家带来redis在nodejs中应用实战项目分享,redis在nodejs中应用的注意事项有哪些,下面就是实战案例,一起来看一下。 redis是一个性能非常好的内存数据库,部署在应用程序和mysql数据中间做注意事项库,可以极大的提…

    编程技术 2025年3月8日
    200
  • 不用JS实现菜单打开关闭

    这次给大家带来不用JS实现菜单打开关闭,不用JS实现菜单打开关闭的注意事项有哪些,下面就是实战案例,一起来看一下。 我在写有菜单栏的网页时,基本都会用响应式设计来适配移动端,例如把不重要的菜单选项隐藏,或者创建一个菜单按钮来控制的菜单的打开…

    2025年3月8日
    200
  • 如何操作Vue项目内使用d3.js

    这次给大家带来如何操作Vue项目内使用d3.js,Vue项目内使用d3.js的注意事项有哪些,下面就是实战案例,一起来看一下。 之前写一个 Demo里面 有些东西要使用d3实现一些效果 但是在很多论坛找资源都找不到可以在Vue里面使用D3.…

    2025年3月8日
    200
  • 使用缓存调用链实现JS方法重载步骤详解

    这次给大家带来使用缓存调用链实现JS方法重载步骤详解,使用缓存调用链实现JS方法重载的注意事项有哪些,下面就是实战案例,一起来看一下。 1.什么是方法重载 方法重载是指在一个类中定义多个同名的方法,但要求每个方法具有不同的参数的类型或参数的…

    编程技术 2025年3月8日
    200
  • 怎样使用JS实现缓冲运动

    这次给大家带来怎样使用JS实现缓冲运动,使用JS实现缓冲运动的注意事项有哪些,下面就是实战案例,一起来看一下。 缓冲需要用到数值取整,向上取整:Math.ceil()  向下取整Math.floor() 移动的速度慢慢减慢的效果,移动速度=…

    编程技术 2025年3月8日
    200
  • 通过vue.js使用axios实现下载功能(详细教程)

    下面我就为大家分享一篇vue.js 使用axios实现下载功能的示例,具有很好的参考价值,希望对大家有所帮助。 本文主要来源于知乎一个回答,这里红色部分做了自己的处理,虽然自己的少,可是很有用的几句代码哦 只好回答一下axios如何拦截ge…

    编程技术 2025年3月8日
    200
  • 怎样进行JS内DOM节点使用

    这次给大家带来怎样进行JS内DOM节点使用,JS内DOM节点使用的注意事项有哪些,下面就是实战案例,一起来看一下。 DOM操作在JS中可以说是非常常见了吧,很多网页的小功能的实现,比如一些元素的增删操作等都可以用JS来实现。那么在DOM中我…

    2025年3月8日
    200
  • 利用nodejs爬虫使用superagent和cheerio的方法

    这篇文章主要介绍了nodejs爬虫初试superagent和cheerio的相关知识,非常不错,具有参考借鉴价值,需要的朋友可以参考下 前言   早就听过爬虫,这几天开始学习nodejs,写了个爬虫https://github.com/le…

    2025年3月8日
    200
  • 如何操作JS实现透明度渐变动画

    这次给大家带来如何操作JS实现透明度渐变动画,操作JS实现透明度渐变动画的注意事项有哪些,下面就是实战案例,一起来看一下。 JS透明度变化效果 body{ margin: 0px; padding: 0px; } .redb{ width:…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论