JavaScript——JavaScript数据类型转换

文章目录

数据类型转换
- 转换成字符串类型
- 转换成数值类型
- 转换成布尔类型
代码示例

数据类型转换

如何使用谷歌浏览器，快速的查看数据类型？

字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是蓝色的，undefined和null是灰色的

转换成字符串类型

toString()

var num = 5;
console.log(num.toString());

String()

String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null

拼接字符串方式

num + " "，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串

转换成数值类型

Number()

Number()可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回NaN

parseInt()

var num1 = parseInt("12.3abc");  // 返回12，如果第一个字符是数字会解析知道遇到非数字结束
var num2 = parseInt("abc123");   // 返回NaN，如果第一个字符不是数字或者符号就返回NaN

parseFloat()

parseFloat()把字符串转换成浮点数
parseFloat()和parseInt非常相似，不同之处在与parseFloat会解析第一个. 遇到第二个.或者非数字结束如果解析的内容里只有整数，解析成整数

+，-0等运算

var str = '500';
console.log(+str);     // 取正
console.log(-str);      // 取负
console.log(str - 0);

转换成布尔类型

Boolean()

0 ‘’(空字符串) null undefined NaN 会转换成false 其它都会转换成true

代码示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$永远的24k纯帅$</title><script>
//    类型转换//    其他类型转数字类型:三种方式:
//    1.parseInt();//转整数console.log(parseInt("10"));//10console.log(parseInt("10afrswfdsf"));//10console.log(parseInt("g10"));//NaNconsole.log(parseInt("1fds0"));//1console.log(parseInt("10.98"));//10console.log(parseInt("10.98fdsfd"));//10//    2.parseFloat()//转小数console.log(parseFloat("10"));//10console.log(parseFloat("10afrswfdsf"));//10console.log(parseFloat("g10"));//NaNconsole.log(parseFloat("1fds0"));//1console.log(parseFloat("10.98"));//10.98console.log(parseFloat("10.98fdsfd"));//10.98
//    3.Number();//转数字console.log(Number("10"));//10console.log(Number("10afrswfdsf"));//NaNconsole.log(Number("g10"));//NaNconsole.log(Number("1fds0"));//NaNconsole.log(Number("10.98"));//10.98console.log(Number("10.98fdsfd"));//NaN//    总结:想要转整数用parseInt(),想要转小数用parseFloat()
//    想要转数字:Number();要比上面的两种方式严格//    其他类型转字符串类型
//    1    .toString()var num=10;console.log(num.toString());//字符串类型//2  String();var num1=20;console.log(String(num1));//    如果变量有意义调用.toString()使用转换
//    如果变量没有意义使用String()转换var num2;console.log(num2.toString());var num3=null;console.log(num3.toString());//    这个可以var num2;console.log(String(num2));var num3=null;console.log(String(num3));//    其他类型转布尔类型//    1  Boolean(值);console.log(Boolean(1));//trueconsole.log(Boolean(0));//falseconsole.log(Boolean(11));//trueconsole.log(Boolean(-10));//trueconsole.log(Boolean("哈哈"));//trueconsole.log(Boolean(""));//falseconsole.log(Boolean(null));//falseconsole.log(Boolean(undefined));//falsevar str=10;console.log(+str);</script>
</head>
<body></body>
</html>

JavaScript——JavaScript数据类型转换相关推荐

javascript中数据类型转换
console.log(parseInt(12.90));//将数据转换为整形,结果为12 console.log(parseFloat('31.21ab'));//将数据转换为浮点型,返回值为32. ...
总结JavaScript的数据类型转换
js中的数据类型可以分为两大类: 基本数据类型:string number undefined null Boolean 引用数据类型:对象,函数,以及数组他们之间在特定的情况下会发生类型转换类型 ...
JS 之数据类型转换
首先我们来简单了解一下JS中的数据类型,JavaScript拥有字符串.数字.布尔.数组.对象.Null.Undefiend 6中数据类型.同一时候,JavaScript拥有动态类型. 也 ...
number类型转换java_Number()数据类型转换
Number() 如果是 Boolean 值, 和. 如果是数字值,只是简单的传入和返回. 如果是 . 如果是 undefined,返回NaN. 如果是字符串,遵循下列规则: 如果字符串中只包含数字( ...
pgsql 比较数字字符串_postgreSQL数据类型转换字符串和数值
1.将数值转成字符串类型方法1:调用to_char(int, text)函数,int为要转换值,text为数值格式化模式,其中模式描述为: 模式描述 9 带有指定数值位数的值 0 带前导零的值 . ...
JavaScript入门(part5)--数据类型转换
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录 JavaScript入门获取变量数据类型数据类型转换转换为字符串转换为数字型转换为布尔型 JavaScript入门获取变量 ...
前端JavaScript(1) --Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏...
一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...
python 全栈开发，Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)...
一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...
js数据转换为html,JavaScript怎么进行类型转换？
JavaScript怎么进行类型转换?下面本篇文章就来介绍一下使用javascript进行类型转换的方法,希望对大家有所帮助. JavaScript 变量可以转换为新变量或其他数据类型,分为两种情况: ...
JavaScript数据类型转换
JavaScript数据类型转换 1 转换为字符串类型 2 转换为数字型 3 转换为布尔型 4 计算年龄案例 1 转换为字符串类型转换为字符串型的3种常见的方式: 1.利用"+" ...