广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)
  • 841
分享到

JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)

2024-04-02 19:04:59 841人浏览 安东尼
摘要

前言  什么是数据类型转换? 使用表单、prompt 获取过来的数据默认类型是字符串类型的,此时就不能直接进行加减法运算,而需要转换变量的数据类型。 通俗来说,数据类型转

前言

 什么是数据类型转换?

使用表单、prompt 获取过来的数据默认类型是字符串类型的,此时就不能直接进行加减法运算,而需要转换变量的数据类型。

通俗来说,数据类型转换就是将一种数据类型转换成另外一种数据类型。

在平常代码的使用中,我们偶尔会遇到需要进行数据类型转换的时候,比如将数值型转换为字符串,或者将null/undefined转换为布尔类型等等,这篇文章我们主要讲以下三种类型的转换:

  • 其他类型转为字符串
  • 其他类型转为数值型
  • 其他类型转为布尔类型

其他类型转为字符串:

有三种方法


//第一种方法
var a=5;//数值类型转为字符串
var b=a.toString();
console.log(b);//console可以在浏览器中打印出输出的信息
console.log(typeof b);//typeof可以显示当前文本的类型
 
//第二种方法
var a=5;
console.log(String(a));//直接打印出转换为字符串类型的内容
 
//第三种方法
var a=5;
var b=''+a;
console.log(b);
//这种方法利用了在js中如果有加号,那么从遇到的第一个字符串类型开始,后面的全变为字符串类型
 

如果是布尔类型转换为字符串类型的话


var a=true;
console.log(String(a));//在上述三种类型中任选一种用即可

这样转换后的结果还是true

但是如果我们用


console.log(typeof String(a));

验证后,就会发现虽然显示还是true,但类型已经转换为字符串类型。

其他类型转为数值型

同样也有三种方法


//第一种方法
var a='1';
var b=Number(a);
console.log(b);//内容为数值的字符型转数值,最终显示结果就为原数值
 
var c=Number('c');
var d=Number(null);//在这里null可以转换为0
var e=Number(undefined);
console.log(c,d,e);
//输出结果为NaN  0  NaN
//NaN表示not a number

注:如果是字符串类型转数值类型,那么串内的内容必须要是数字,如果不是则会显示NaN。


//第二种方法
//int表示整型数值
var a=parseInt('5');
var b=parseInt('q12');
var c=parseInt(null);
var d=parseInt(undefined);
console.log(a,b,c,d);
 
//输出结果为5  NaN  NaN  NaN

可以看到,第二种方法的null没有转换为0,而是NaN。


//第三种方法
//float表示浮点型数值
var a=parseFloat('2.56qwe');
var b=parseFloat('2.4.6.8');
var c=parseFloat('q12');
var d=parseFloat(null);
var e=parseFloat(undefined);
console.log(a,b,c,d,e);
 
//输出结果为2.56  2.4  NaN  NaN  NaN

当转换类型为浮点型数值时

会默认输出第一个小数点前的数字以及第一个小数点后的所有有效数字,如遇到字符或者第二个小数点停止。

其他类型转为布尔类型

只有一种方法


var a=Boolean('0');
var b=Boolean(0);
var c=Boolean('5');
var d=Boolean(null);
var e=Boolean(undefined);
var f=Boolean('');//字符串内容为空
var g=Boolean(' ');//字符串内容为空格
 
console.log(a,b,c,d,e,f,g);
 
//输出结果为true  false  true  false  false  false  true

注意:如果是字符串转换为布尔类型,那么只要字符串中有内容(内容为空格也算有内容),转换结果就为true,如果字符串内容为空,则为false。

总结

到此这篇关于javascript数据类型转换的文章就介绍到这了,更多相关JavaScript数据类型转换内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)

本文链接: https://www.lsjlt.com/news/131497.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)
    前言  什么是数据类型转换? 使用表单、prompt 获取过来的数据默认类型是字符串类型的,此时就不能直接进行加减法运算,而需要转换变量的数据类型。 通俗来说,数据类型转...
    99+
    2022-11-12
  • python如何将字符类型、数值类型等转换为字符串类型
    这篇文章主要为大家展示了“python如何将字符类型、数值类型等转换为字符串类型”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“python如何将字符类型、数值类...
    99+
    2022-10-19
  • php怎么将数据类型转换为字符串类型
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑php将数据类型转换为字符串类型方法1:使用strval()函数strval() 函数用于获取变量的字符串值。<php $num=3.21; var_dump($...
    99+
    2021-11-24
    php 数据类型转换 字符串类型
  • php如何将数据类型转换为字符串类型
    今天小编给大家分享一下php如何将数据类型转换为字符串类型的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。转换方法:1、使用s...
    99+
    2023-06-29
  • php字符串转数组类型转换
    PHP是一门优秀的编程语言,在web开发中得到广泛应用。字符串转数组是一种常见的数据类型转换操作,本文将介绍PHP中的字符串转数组类型转换。一、使用explode函数explode函数是PHP中用于分割字符串为数组的函数,其语法为:arra...
    99+
    2023-05-20
  • php如何实现字符串类型数字转数字类型
    这篇文章主要为大家展示了“php如何实现字符串类型数字转数字类型”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“php如何实现字符串类型数字转数字类型”这篇文章吧...
    99+
    2022-10-19
  • Mysql 字符串转数字类型
    使用场景: 在数据库中进行数字比较,但是数字的存储格式是varchar的时候可以使用以下方法进行转换,然后进行比较 方法一:SELECT CAST('123' AS SIGNED); 方法二:SELECT CONVERT...
    99+
    2019-04-11
    Mysql 字符串转数字类型
  • php怎么将数值转换为布尔类型
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑php将数值转换为布尔类型1、使用双重逻辑非运算符“!!”将一个布尔值进行取反操作。例如:!true = false、!false = true、!10 = false...
    99+
    2016-02-17
    php 数值 布尔类型
  • php如何将数值转换为布尔类型
    本篇内容介绍了“php如何将数值转换为布尔类型”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!转换:1、使用双重逻辑非运算符,语法“!!需要转...
    99+
    2023-06-22
  • c++ 数字类型和字符串类型互转详解
    目录一级目录 数字转为字符串二级目录 字符串转为数字总结一级目录 数字转为字符串 二级目录 字符串转为数字 1.数字转为字符串 (1).首先要加头文件 #include <...
    99+
    2022-11-12
  • php如何将布尔类型转为字符串
    小编给大家分享一下php如何将布尔类型转为字符串,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!php将布尔类型转为字符串的方法:1、使用strval()函数,语法“strval($bool)”;2、使用settype()函...
    99+
    2023-06-25
  • php怎么将布尔类型转为字符串
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑php将布尔类型转为字符串方法1:使用strval()函数strval()函数:用于获取变量的字符串值。示例:<php header("Content-...
    99+
    2018-07-20
    php 布尔类型 字符串 类型转换
  • php怎么将字符串转为布尔类型
    小编给大家分享一下php怎么将字符串转为布尔类型,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!转换方法:1、在转换变量前加上用括号括起来的目标类型“(bool)”...
    99+
    2023-06-20
  • JavaScript数据类型转换
    目录一、转换函数1、parseInt()2、parseFloat()3、toString()二、强制类型转换函数1、Boolean()2、Number()3、String()一、转换...
    99+
    2022-11-13
  • C#怎么把不同值的类型转换为字符串类型
    本文小编为大家详细介绍“C#怎么把不同值的类型转换为字符串类型”,内容详细,步骤清晰,细节处理妥当,希望这篇“C#怎么把不同值的类型转换为字符串类型”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。实例namespa...
    99+
    2023-06-17
  • JavaScript如何转换成字符串类型
    这篇文章主要为大家展示了“JavaScript如何转换成字符串类型”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何转换成字符串类型”这篇文...
    99+
    2022-10-19
  • php怎么将字符串强制转换为其他类型
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑php将字符串强制转换为其他类型方法1:在字符串变量之前加上用括号括起来的目标类型(int)、(integer):转换成整型;(bool)、(boolean):转换成布...
    99+
    2020-09-15
    php 强制类型转换 字符串
  • php如何将字符串强制转换为其他类型
    本篇内容主要讲解“php如何将字符串强制转换为其他类型”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php如何将字符串强制转换为其他类型”吧!强制转换方法:1、在字符串变量之前加上用括号括起来的...
    99+
    2023-06-29
  • MySQL数据类型--------字符串类型实战
    1. 背景  * MySQL支持的字符串类型有CHAR、VARCHAR、二进制、var二进制、BLOB、文本等等。2. 字符串类型所需的存储和值范围类型说明N的含义是否有字符集最大长度C...
    99+
    2022-10-18
  • JavaScript数据类型转换实例分享
    本篇内容介绍了“JavaScript数据类型转换实例分享”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!前言 什么是数据类型转换?使...
    99+
    2023-06-20
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作