• 售前

  • 售后

热门帖子
入门百科

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

[复制链接]
永远爱你冰塘 显示全部楼层 发表于 2021-8-14 14:40:31 |阅读模式 打印 上一主题 下一主题
媒介

什么是数据范例转换?

使用表单、prompt 获取过来的数据默认范例是字符串范例的,此时就不能直接举行加减法运算,而须要转换变量的数据范例。
通俗来说,数据范例转换就是将一种数据范例转换成别的一种数据范例。
在平常代码的使用中,我们偶然会碰到须要举行数据范例转换的时间,比如将数值型转换为字符串,大概将null/undefined转换为布尔范例等等,这篇文章我们重要讲以下三种范例的转换:
       
  • 其他范例转为字符串   
  • 其他范例转为数值型   
  • 其他范例转为布尔范例
其他范例转为字符串:

有三种方法
  1. //第一种方法
  2. var a=5;//数值类型转为字符串
  3. var b=a.toString();
  4. console.log(b);//console可以在浏览器中打印出输出的信息
  5. console.log(typeof b);//typeof可以显示当前文本的类型
  6. //第二种方法
  7. var a=5;
  8. console.log(String(a));//直接打印出转换为字符串类型的内容
  9. //第三种方法
  10. var a=5;
  11. var b=''+a;
  12. console.log(b);
  13. //这种方法利用了在JS中如果有加号,那么从遇到的第一个字符串类型开始,后面的全变为字符串类型
复制代码
如果是布尔范例转换为字符串范例的话
  1. var a=true;
  2. console.log(String(a));//在上述三种类型中任选一种用即可
复制代码
如许转换后的结果照旧true
但是如果我们用
  1. console.log(typeof String(a));
复制代码
验证后,就会发现虽然表现照旧true,但范例已经转换为字符串范例。
其他范例转为数值型

同样也有三种方法
  1. //第一种方法
  2. var a='1';
  3. var b=Number(a);
  4. console.log(b);//内容为数值的字符型转数值,最终显示结果就为原数值
  5. var c=Number('c');
  6. var d=Number(null);//在这里null可以转换为0
  7. var e=Number(undefined);
  8. console.log(c,d,e);
  9. //输出结果为NaN  0  NaN
  10. //NaN表示not a number
复制代码
注:如果是字符串范例转数值范例,那么串内的内容必须要是数字,如果不是则会表现NaN。
  1. //第二种方法
  2. //int表示整型数值
  3. var a=parseInt('5');
  4. var b=parseInt('q12');
  5. var c=parseInt(null);
  6. var d=parseInt(undefined);
  7. console.log(a,b,c,d);
  8. //输出结果为5  NaN  NaN  NaN
复制代码
可以看到,第二种方法的null没有转换为0,而是NaN。
  1. //第三种方法
  2. //float表示浮点型数值
  3. var a=parseFloat('2.56qwe');
  4. var b=parseFloat('2.4.6.8');
  5. var c=parseFloat('q12');
  6. var d=parseFloat(null);
  7. var e=parseFloat(undefined);
  8. console.log(a,b,c,d,e);
  9. //输出结果为2.56  2.4  NaN  NaN  NaN
复制代码
当转换范例为浮点型数值时
会默认输出第一个小数点前的数字以及第一个小数点后的所有有用数字,如碰到字符大概第二个小数点克制。
其他范例转为布尔范例

只有一种方法
  1. var a=Boolean('0');
  2. var b=Boolean(0);
  3. var c=Boolean('5');
  4. var d=Boolean(null);
  5. var e=Boolean(undefined);
  6. var f=Boolean('');//字符串内容为空
  7. var g=Boolean(' ');//字符串内容为空格
  8. console.log(a,b,c,d,e,f,g);
  9. //输出结果为true  false  true  false  false  false  true
复制代码
注意:如果是字符串转换为布尔范例,那么只要字符串中有内容(内容为空格也算有内容),转换结果就为true,如果字符串内容为空,则为false。
总结

到此这篇关于JavaScript数据范例转换的文章就介绍到这了,更多相干JavaScript数据范例转换内容请搜索草根技术分享以前的文章或继续欣赏下面的相干文章盼望各人以后多多支持草根技术分享!

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作