全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

JavaScript中的隐形转换

发布时间:2022-07-27 17:26:00
发布人:qyf

  javascript是一门弱类型语言,意思就是语言中的数据类型,很轻易就能被改变

  比如定义一个变量值为数字,然后重新给他赋值为字符串,类型就由数字类型转为了字符串类型。

  类型的转换,可以有很多种方法,例如在js中常用的parseInt、toString、等方法,这些方法都是强制将某个类型转为指定的类型。

  除了这些方法,还有一些特殊应用场景,会将类型悄悄的进行转换,如下几种情况:

  1、数学运算

  如果一个数字跟另一个其他类型的数据进行数学运算时,另一个数据会被转为数字类型进行运算,例:

  var a = 1;

  var b = true;

  var c = a + b;

  console.log(c); // 2 - 此时的布尔类型true被转为了数字1,进行了数学加法运算

  var a = 3;

  var b = undefined;

  var c = a + b;

  console.log(c); // NaN - 此时的b被转为了数字类型进行了数学运算

  注意:加法比较特殊,因为符号+,除了可以进行数学加法以外,还可以进行字符串的拼接。例:

  var a = 2;

  var b = [1,2,3]

  var c = a / b;

  console.log(c); // NaN - 此时的b被转为了数字类型

  var a = 2;

  var b = [1,2,3]

  var c = a + b;

  console.log(c); // 21,2,3 - 此时的a和b不再是加法运算,而是进行了拼接

  2、字符串拼接

  当+符号左右两边有一个是字符串的时候,另一个也会转为字符串进行拼接,例:

  var a = 2;

  var b = '3';

  var c = a + b;

  console.log(c); // 23 - 此时的a被转为了字符串,进行了拼接

  3、比较运算

  当比较运算符(除相等比较和全等比较)左右两边有一个是数字的时候,另一个也会转为数字进行比较大小,例:

  var a = 2;

  var b = '10';

  console.log(a>b) // false - 说明b被转为数字10进行了大小比较

  4、判断条件

  所有被放在if分支语句的小括号中的代码会被转为布尔类型,例:

  var a = 2;

  if(a){

  console.log('a变量是true'); // a变量是true - 说明变量a的2被转为了布尔值true

  }else{

  console.log('a变量是false');

  }

  var b;

  if(b){

  console.log('b变量是true');

  }else{

  console.log('b变量是false'); // b变量是false - 说明b变量undefined被转为了布尔值false

  }

  5、date输出

  我们知道,new 一个构造函数会得到一个对象,但是new Date()之后,输出的却是一个字符串,例:

  var d = new Date();

  console.log(d); // Mon Mar 15 2021 17:50:25 GMT+0800 (中国标准时间)

  // 这说明,new出来的对象d,在输出的时候被悄悄的转换成了字符串输出了

  6、对象数组输出在页面

  当在控制台输出一个数组或对象的时候,是本省的类型显示,例:

  var arr = [1,2,3,4];

  var obj = {name:"张三",age:12}

  console.log(arr);

  console.log(obj);

  输出效果如下图:

图片 1

  但是如果将数组或对象在文本中输出的话,数组和对象会默认调用自己原型中的toString方法,以字符串形式显示在文本中,例:

  var arr = [1,2,3,4];

  var obj = {name:"张三",age:12}

  document.write(arr)

  document.write(obj)

  文本中显示如下:

图片 2

  数组和对象其实已经调用了他们原型上的toString方法,被转为了字符串,例:

  var arr = [1,2,3,4];

  var obj = {name:"张三",age:12}

  console.log(arr.toString());

  console.log(obj.toString());

  控制台显示如下图:

图片 3

  隐形转换在多处出现,我们在编程的时候,需要谨慎小心,熟悉后可以对之进行利用,例如判断一个数据或对象中的值是否存在时,可以利用分支语句的条件中的隐形转换来搞定。

相关文章

云快照与自动备份有什么区别?

云快照与自动备份有什么区别?

2023-10-14
OKR与自驱力的关系是什么?

OKR与自驱力的关系是什么?

2023-10-14
office是什么软件类型?

office是什么软件类型?

2023-10-14
Cloud-IDE 是什么?

Cloud-IDE 是什么?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取