浅谈隐式类型转换与显示类型转换的那些事

atinosun 发布于2019-08-23 10:48 / 1871人阅读

摘要：隐式类型转换类型转类型先定义一个类型的变量只要类型跟类型还是类型用号，其他类型都会被转为字符串输出结果字符串类型转类型或者类型定义类型的变量与类型的变量前端从测试结果可以看出，类型在跟数字类型做乘除减运算时，得到的是数字类型的值，但是类型必

隐式类型转换

number类型转string类型

//先定义一个number类型的变量
//只要string类型跟boolean类型还是number类型用+号，其他类型都会被转为字符串
var num=100;
var resu=""+num;
console.log(resu);//输出结果：字符串"100"

string类型转number类型或者boolean类型

//定义string类型的变量与number类型的变量
var str="100";
var str1="前端";
var str2="abc";
var num=5;
//从测试结果可以看出，string类型在跟数字类型做乘除减%运算时，得到的是数字类型的值，但是string类型必须是非英文，中文，否则得出的结果就是NaN，NaN也属于数字类型
console.log(str*num);//500
console.log(str-num);//95
console.log(str/num);//20
console.log(str%num);//0
console.log(str1-num);//NaN
console.log(str2-num);//NaN
//从测试结果可以看出，string类型在与其他类型做比较的时候，可以得到一个boolean值
console.log(str>num);//true

boolean类型转换number类型或者string类型

//定义boolean类型的变量，string类型变量，number类型变量
var boo=true;
var boo1=false;
var num=100;
var str="hello";
//从测试看出：Boolean类型的值跟number类型做加减乘除运算时，会自动转换为number类型进行算数计算，然而在与string类型用加号得出的是字符串拼接效果
console.log(boo+num);//101
console.log(boo+str);//truehello

显示类型转换

转换为string类型：

1.String();

//定义一个number类型，然后通过String()进行显示转换
var num=2020;
var res=String(num);
console.log(typeof res);//输出结果：string

2.toString();

//定义一个number类型，然后通过toString();方法进行转换
var str=1991;
var res=str.toString();
console.log(typeof res);//输出结果：string

转换为number类型

1.Number();

//测试看出：Number();只能转换字符串为数字，如果要转换的字符串里包含数字以外的，结果都是NaN
var str="100";
var str1="100Hello";
console.log(typeof Number(str));//输出结果：number
console.log(Number(str1));//输出结果：NaN

2.parseInt();

/*测试中看出：parseInt();不但可以转换只有数字的字符串类型，
还可以转换同时包含数字与英文的字符串类型，它会把前面的数字留下，
后面的英文去掉，但是如果前面的是英文，那么转换之后会出现NaN*/
var str="100";
var str1="100Hello";
var str2="Hello100";
console.log(typeof parseInt(str));//输出结果：number
console.log(parseInt(str1));//输出结果：100
console.log(praseInt(str2));//NaN

3.parseFloat();

/*从测试可以看出：parseFloat();除了可以转换整数还可以转换小数，
最好的一点是不管你再小数后面出现多少个点，它只认小数第一个点*/
var str="100.2px";
var str1="100.9.9.9";
var str3="200";
var boo=true;
console.log(parseFloat(str));//100.2
console.log(parseFloat(str1));//100.9
console.log(parseFloat(boo));//NaN
console.log(praseFloat(str3));//200

隐式类型转换和显式类型转换的区别：
隐式类型转换：
优点：性能好
缺点：可读性差
显式类型转换：
优点：可读性高
缺点：性能差

云服务器服务器托管隐式类型转换存储类型的转换 jstl的类型转换 js的数据类型转换

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96699.html

2018 浅谈前端面试那些事

摘要：声明的变量不得改变值，这意味着，一旦声明变量，就必须立即初始化，不能留到以后赋值。虽然今年没有换工作的打算但为了跟上时代的脚步还是忍不住整理了一份最新前端知识点知识点汇总 1.HTML HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签IE6 bug，和一些定位写法css js放置位置和原因...

LiuRhoRamen 2019-08-30 14:11 评论0 收藏0
2018 浅谈前端面试那些事

摘要：声明的变量不得改变值，这意味着，一旦声明变量，就必须立即初始化，不能留到以后赋值。虽然今年没有换工作的打算但为了跟上时代的脚步还是忍不住整理了一份最新前端知识点知识点汇总 1.HTML HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签IE6 bug，和一些定位写法css js放置位置和原因...

stormgens 2019-08-22 15:34 评论0 收藏0
2018 浅谈前端面试那些事

摘要：声明的变量不得改变值，这意味着，一旦声明变量，就必须立即初始化，不能留到以后赋值。虽然今年没有换工作的打算但为了跟上时代的脚步还是忍不住整理了一份最新前端知识点知识点汇总 1.HTML HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签IE6 bug，和一些定位写法css js放置位置和原因...

Hujiawei 2019-08-01 18:43 评论0 收藏0
一次慢查询暴露的隐蔽的问题

摘要：最近解决了一个生产慢查询的问题，排查问题之后发现一些比较隐匿且容易忽略的问题。所以实际在数据库查询如下可能这里发生一次隐式转换。这次查询走的是索引。 showImg(https://segmentfault.com/img/bVbmJNK?w=6000&h=4000); Photo by Iga Palacz on Unsplash 最近解决了一个生产 SQL 慢查询的问题，排查问题之...

missonce 2019-08-16 14:11 评论0 收藏0
智能合约之 eosio.cdt 我们需要知道的那些事

摘要：宏命令被移除，不能直接用去声明一个要用去实例化一个对象，也将一些针对的函数整合进了。重构了，修改成构造函数增加和参数。 eosio.cdt 在 1.2.x 和 1.3.x 的改动比较大，虽然虚拟机是向后兼容的，但是为了避免意外情况，我们都会将陆续将合约代码升级。下面来介绍一下大致的改动。 # 安装 eosio.cdt, 因为 llvm 库比较大，所以执行 clone 的时候比较...

zhigoo 2019-06-27 18:56 评论0 收藏0