javascript中的数据类型转换

举报
馆主阿牛 发表于 2022/03/22 01:31:24 2022/03/22
【摘要】 上一篇文章我总结了javascipt中的数据类型,上一节我们说过,prompt()接收的全是字符串,因此数据类型转换就显得尤为重要,一起来学习一下吧!

📋 个人简介

  • 💖 作者简介:大家好,我是阿牛😜
  • 💬格言:迄今所有人生都大写着失败,但不妨碍我继续向前!🔥

请添加图片描述

🍑前言

上一篇文章我总结了javascipt中的数据类型,上一节我们说过,prompt()接收的全是字符串,因此数据类型转换就显得尤为重要,一起来学习一下吧!

🍌数值型转换为字符串类型

方式 说明 案例
toString() 转成字符串 var num =1; alert ( num.toString());
String() 强制转换 转成字符串 var num =1; alert ( String ( num ));
加号拼接字符串 和字符串拼接的结果都是字符串 var num =1; alert ( num +"我是字符串");
  • toString()和String()使用方式不一样。
  • 三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式,这一种方式也称之为隐式转换。
  // 1.将数字型转换为字符串类型
    var num = 10;
    var str = num.toString()
    var str1 = num+''
    console.log(str);
    console.log(typeof str); //typeof  js中用类查看数据类型

    console.log(String(num));
    console.log(typeof String(num));   // string
    
    console.log(str1);
    console.log(typeof str1);

在这里插入图片描述

🍌字符串类型转换为数值型

方式 说明 案例
parselnt(string)函数 将 string 类型转成整数数值型 parselnt (‘15’)
parseFloat(string)函数 将 string 类型转成浮点数数值型 parseFloat (‘3.14’)
Number()强制转换函数 将 string 类型转换为数值型 Number (‘12’)
js 隐式转换(- * /) 利用算术运算隐式转换为数值型 ‘12’ - 0
// 2.将字符串转换为数字型
    // parseInt()
    console.log(parseInt('15')); // 15
    console.log(typeof parseInt('15')); // number
    console.log(parseInt('3.14'));  // 3
    console.log(parseInt('3.94'));  // 3
    console.log(parseInt(3.94));  //  3 把浮点数取整数部分

在这里插入图片描述

// parseFloat
    console.log(parseFloat('3.14')); //3.14
    console.log(parseFloat('3'));   // 3
    
// number
    console.log(Number('12'));  // 12
    console.log(typeof Number('12')); // number

在这里插入图片描述

// 利用算数用算 - * /   隐式转换
    console.log('12' - 0);  // 12
    console.log('123'- '120'); // 3
    console.log('123'*1);  // 123
    console.log('123'/1);  // 123

在这里插入图片描述

🍌转换为布尔型

方式 说明 案例
Boolean()函数 其他类型转成布尔值 Boolean ('aniu ');
  • 代表空、否定的值会被转换为 false ,如 ’ '、0、 NaN 、 null 、 undefined 。
  • 其余值都会被转换为 true 。
	console.log(Boolean(''));  // false
	console.log(Boolean(' '));  // true
    console.log(Boolean(0));  // false
    console.log(Boolean(NaN));  // false   
    console.log(Boolean(null));  // false   
    console.log(Boolean(undefined));  // false   
    console.log(Boolean('aniu'));  // true
    console.log(Boolean(15));  // true

在这里插入图片描述

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。