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

前言

什么是数据类型转换？

使用表单、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数据类型转换内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JavaScript的数据类型转换原则(干货)

    我们都知道JavaScript是一门弱类型(或称动态类型)的语言,即变量的类型是不确定的. var num = 123 ; //123 var num = 'HAHAHA' + num ; // "HAHAHA123" 上面的代码中,变量num起初是一个数值,后来又变成一个字符串.变量类型完全由当前值决定.这种类型就叫弱类型. 我们知道,在编程语言中,数据本身和运算之间都是有类型的. 在强类型的编程语言中,不同类型的变量是不能直接进行运算的. 但是在弱类型语言中不同类型的变量却是可以直

  • js整数字符串转换为金额类型数据(示例代码)

    复制代码 代码如下: function zhen(str) {      var arr_1 = ["", "\u62fe", "\u4f70", "\u4edf", "\u4e07", "\u4ebf"], arr_2 = ["", "\u4e07", "\u4ebf"];      var maskstr = arr_1.s

  • 简单介绍JavaScript数据类型之隐式类型转换

    JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object.object是引用类型,其它的五种是基本类型或者是原始类型.我们可以用typeof方法打印来某个是属于哪个类型的.不同类型的变量比较要先转类型,叫做类型转换,类型转换也叫隐式转换.隐式转换通常发生在运算符加减乘除,等于,还有小于,大于等.. typeof '11' //string typeof(11) //number '11' < 4 //false 本章节单

  • JavaScript中的数据类型转换方法小结

    JavaScript 变量可以转换为新变量或其他数据类型: 通过使用 JavaScript 函数 通过 JavaScript 自身自动转换 将数字转换为字符串 全局方法 String() 可以将数字转换为字符串. 该方法可用于任何类型的数字,字母,变量,表达式: 实例 String(x) // 将变量 x 转换为字符串并返回 String(123) // 将数字 123 转换为字符串并返回 String(100 + 23) // 将数字表达式转换为字符串并返回 Number 方法 toStrin

  • js数值计算时使用parseInt进行数据类型转换(jquery)

    js获取到的数据默认都是string字符串类型的,如果进行数值的运算必须使用parseInt进行转换成数值的操作. html代码: 复制代码 代码如下: <div id="archive">     <input type="hidden" name="page" value="1" /> </div> js代码: 复制代码 代码如下: $("#archive").bin

  • JavaScript转换数据库DateTime字段类型方法

    JavaScript转换数据库DateTime字段类型方法

    Javascript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 在1995年时,由Netscape公司的BrendanEich,在网景导航者浏览器上首次设计实现而成.因为Netscape与Sun合作,Netscape管理层希望它外观看起来像java,因此取名为JavaScript.但实际上

  • javascript不同类型数据之间的运算的转换方法

    js中不同类型的基础数据之间可以转换,这种转换是有规则可寻的,并非随意的随机的.在js中有5种基础类型数据:string.number.boolean.null.undefined,其中,常用于计算或者比较的类型是前面三种. 基础数据之间的转换 其它类型转化数字 原始数据类型 目标类型Number undefined NaN null 0 false 0 true 1 数字串 相应的数字 不能转化的字符串 NaN 其它类型转化为字符串 原始数据类型 目标类型String undefined un

  • js 数据类型转换总结笔记

    javascript有如下数据类型的转换方法: 一,转换成数字 xxx*1.0 转换成字符串 xxx+"" 二,从一个值中提取另一种类型的值,并完成转换工作. .提取字符串中的整数:parseInt(); 例:parseInt("123zhang")的结果为123 .提取字符串中的浮点数:parseFloat(); 例:parseFloat("0.55zhang")的结果为0.55 .执行用字符串表示的一段javascript代码:eval();

  • javascript 数据类型转换(parseInt,parseFloat)

    javascript有两种数据类型的转换方法: (一)将整个值从一种类型转换为另一种数据类型(称作基本数据类型转换) (二)从一个值中提取另一种类型的值,并完成转换工作 基本数据类型转换的三种方法: 1.转换为字符型:String(); 例:String(678)的结果为"678" 2.转换为数值型:Number(); 例:Number("678")的结果为678 3.转换为布尔型:Boolean(); 例:Boolean("aaa")的结果为t

  • JavaScript中数据类型转换总结

    在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换. 1, 显式数据类型转换 a:转数字: 1)Number转换: 代码: var a = "123"; a = Number(a); 注意: a) 如果转换的内容本身就是一个数值类型的字符串,那么将来在转换的时候会返回自己. b) 如果转换的内容本身不是一个数值类型的字符串,那么在转换的时候结果是NaN. c) 如果要转换的内容是空的字符串,那以转换的结果是0. d) 如果是其它的字符,那么将来在转换的时候结果是NaN. 2)

随机推荐