JavaScript数据类型隐式转换原则总结(干货!)

来源:互联网 发布:安卓修改mac地址软件 编辑:程序博客网 时间:2024/04/30 09:35

这篇博客对JavaScript之中数据类型隐式转换做一个总结,叙述内容如有错误望大牛们指正

js的数据类型隐式转换主要分为三种情况:
1. 转换为boolean类型
2. 转换为number类型
3. 转换为string类型

转换为boolean类型

数据在 逻辑判断 和 逻辑运算 之中会隐式转换为boolean类型

转换规则表:

数据类型 转换之后的值 数字 0 false NaN false 空字符 ” false null false undefined false 非0数字 true 非空字符串 true 非null对象类型 true

注意:如果使用new操作符创建的对象隐式转换为boolean类型都是true,哪怕是new String(”);

提示:连续使用两个非操作符(!!)可以将一个数强制转换为boolean类型,这在开发之中比较实用。

转换为string类型和转换为number类型

我将这两个放在一起总结是因为一个数到底转换为string还是number受到运行环境操作符的影响,而不像上面转换为boolean类型这么固定。

先说运行环境对数据类型隐式转换的影响

很多内置函数期望传入的参数的数据类型是固定的,如:alert(value)方法,它期望传入的value值是一个string类型,但是如果我们传入的是number类型或者object类型等非string类型的数据的时候,就会发生数据类型的隐式转换。这就是环境运行环境对数据类型转换的影响。

操作符也会影响数据的类型转换

  1. 当+号作为一元操作符操作单操作数的时候,他就会将这个数转换为数字类型
  2. 当+号作为二元操作符时,如果两个操作数中存在一个字符类型的话,那么另外一个操作数也会无条件地转换为字符串
  3. 当+号作为二元操作符时,如果两个操作数一个都不是字符串的话,两个操作数会隐式转换成数字类型(如果无法成功转换成数字,则变成NaN,再往下操作),再进行加法算数操作
  4. 当算数运算的操作符是+号以外的其他操作数时,两个操作数都会转成数字类型进行数字运算。

所以我们应该这样来判断:
1. 首先看该数据是否被操作符操作,如果被操作符操作了,遵循上面操作符对数据转换影响的原则来进行数据的转换
2. 如果该数据没有被操作符操作,那么就观察它所在具体程序环境之中,如果是alert()这样的参数环境中,如果改数据不是字符串,那就肯定要转换了

数据类型如何转换成string类型或者number类型

数据类型转换成字符串或者数字都会遵循一个原则:如果该数据是简单数据类型,则直接转换成字符串或者数字类型。如果该数据是复杂数据类型,那么先通过固定的方法将复杂值转换为简单数据,再转成字符串或者数字。

简单数据转换字符串对照表:

原始数据类型 转换之后的值 数字类型 数字类型的字符表示 字符串 不做任何改变 null ‘null’ undefined ‘undefined’ 布尔类型 true变’true’,false变’false’

这样的转换调用了js引擎内部的TOString()操作,这个方法我们通过ES语言是无法访问调用的。

简单数据转换数字对照表:

原始数据类型 转换之后的值 数字类型 不做任何改变 空字符 ” 0 非空字符串 将字符内的数据内容变为数据,如果还有其他符号中文等转为NaN true 1 false 0 null 0 undefined NaN NaN NaN

复杂对象如何转换为简单值

一个复杂对象在转为基础类型的时候会调用ToPrimitive(hint)方法来指定其目标类型。如果传入的hint值为number,那么就先调用对象的valueOf()方法,调用完valueOf()方法后,如果返回的是原始值,则结束ToPrimitive操作,如果返回的不是原始值,则继续调用对象的toString()方法,调用完toString()方法之后如果返回的是一个原始值,则结束ToPrimitive操作,如果返回的还是复杂值,则抛出异常。如果传入的hint值为string,则先调用toString()方法,再调用valueOf()方法,其余的过程一样。

那么复杂对象是以什么标准来判断ToPrimitive(hint)操作传入的hint值到底是number还是string呢?

  1. 如果运行环境非常明确的需要将一个复杂对象转换为数字则传入number如 Number(value) 和 +value 则传入number
  2. 如果运行环境非常明确的需要将一个复杂对象转换为字符串则传入string如String(value) 和 alert(value) 则传入string
  3. 如果是用+号连接两个操作数,操作数在确定确定其中只要有一个为字符串的时候另外一个操作数会转为字符串,ToPrimitive()会传入string,但是如果两个操作数都不能确定是字符串的时候则默认传入number(Date对象是一个例外,它会默认传入string)进行数据类型转换。

以上就是js中数据类型隐式转换的原理总结,如果只是看文字觉得晦涩需要参照实例,可以查看相关博客:
将value值转换为字符串方法以及原理详解。
javascript数据隐式转换详解与分析。

0 0