【Web】JavaScript（No.38）数据类型转换

最新推荐文章于 2022-10-30 16:12:43 发布

Sherry Lupus

最新推荐文章于 2022-10-30 16:12:43 发布

阅读量164

点赞数

分类专栏： Web-JavaScript 文章标签： Web JavaScript

本文链接：https://blog.csdn.net/qq_43251850/article/details/94601548

版权

Web-JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

数据类型转换

在这里插入图片描述
需要素材点击图片联系我或私信、评论
如何使用谷歌浏览器，快速的查看数据类型？

转换成字符串类型

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>数据类型的转换</title>
</head>
<body>
<script>
    //关于方法是带小括号的，关于属性是没有小括号的
    /*
    * 一、其它类型转化为数字类型：三种方式
    * ①parseInt()转化为整数，向下取整；
    * ②parseFloat() 转化为小数/浮点数；
    * ③Number() 转化为数字（严谨），只要字符串中有字母，就是NaN。
    *
    * 二、转化为字符串类型
    * ①变量.toString() 有意义；
    * ②String（变量名）无意义。
    *
    * 三，转化为布尔类型
    * ①Boolean（值）;
    * */

    //一① 转化为整数，并且输出在控制台
    var num = parseInt("10.9");
    console.log(num);

    console.log(parseInt("2133jiqjdc"));//2133
    console.log(parseInt("hdho10"));//NaN
    console.log(parseInt("1389.98"));//1389
    console.log(parseInt("2innm20"));//2
    console.log(parseInt("10.99sdhuiw"));//10
    console.log(parseInt(true));//NaN

    //一② 转化为小数
    console.log(parseFloat("2133jiqjdc"));//2133
    console.log(parseFloat("hdho10"));//NaN
    console.log(parseFloat("1389.98"));//1389。98
    console.log(parseFloat("2innm20"));//2
    console.log(parseFloat("10.99sdhuiw"));//10.99
    console.log(parseFloat(true));//NaN

    //一③ 转化为数字
    console.log(Number("2133jiqjdc"));//NaN
    console.log(Number("hdho10"));//NaN
    console.log(Number("1389.98"));//1389.98
    console.log(Number("2innm20"));//NaN
    console.log(Number("10.99sdhuiw"));//NaN
    console.log(Number(true));//0

    //二①
    var num = 10;
    console.log(typeof(num.toString()));//string

    // var num1;
    // console.log(typeof(num1.toString()));//没有任何意义的变量不能使用toString()，会报错

    //二②（前面报错的要注释掉，否则后面都不显示）
    var num2;
    console.log(typeof String(num2));//string
    var obj;
    console.log(typeof String(obj));//string

    //三
    console.log(Boolean(1));//true
    console.log(Boolean(0));//false
    console.log(Boolean(100));//true
    console.log(Boolean(-100));//true
    console.log(Boolean("哈哈"));//false
    console.log(Boolean(""));//false
    console.log(Boolean(null));//false
    console.log(Boolean(undefined));//false
</script>
</body>
</html>

Sherry Lupus

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【Web】JavaScript（No.38）数据类型转换

数据类型转换需要素材点击图片联系我或私信、评论如何使用谷歌浏览器，快速的查看数据类型？转换成字符串类型toString()var num = 5;console.log(num.toString());String()String()//函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null拼接字符串...
复制链接

扫一扫