Js中=相等符号的隐形转换

更新日期: 2019-06-30阅读: 1.9k标签: 类型

前言

ECMAScript提供两组操作符: 相等和不相等(先转换再比较),全等和不全等(仅比较而不转换)


相等(==)和不相等(!=)

这两个操作符都会先转换操作数(通常称为强制转型),然后再比较它们的相等性。

操作符A操作符B比较相等性之前操作
布尔值非布尔值将布尔值转换为数值--false转换为0,而true转换为1
字符串数值将字符串调用Number() 转换为数值
对象非对象先调用valueOf方法返回对象的原始值, 再调用 toString 转换为字符串与基本类型进行比较

这两个操作符在进行比较时则要遵循下列规则。
1, null和undefined是相等的,undefined和undefined是相等的,null和null也是相等的
2, 要比较相等性之前,不能将null和undefined转换成其他任何值。
3, 如果有一个操作数是NaN则相等操作符返回false,而不相等操作符返回true。(即使两个操作数都是NaN,相等操作符也返回false因为按照规则NaN不等于NaN。)
4, 如果两个操作数都是对象,则比较它们是不是同一个对象。如果两个操作数都指向同一个对象,则相等操作符返回true;否则返回false

不同类型对比详细分析如下
1, 对象(先转换为字符串,还不满足比较条件的话再继续转换为数字)

①与布尔值进行比较时,布尔值直接转换为数字比较。
②与数字进行比较时,转换为数字进行比较。
③与字符串进行比较时,转换为字符串进行比较。

2, 字符串(字符串转换成数字)

①与数字进行比较时,二者比较。
②与布尔值进行比较时,布尔值直接转换为数字。

3, 布尔值和数字进行比较时,布尔转换为数字,二者比较。
4, 函数和任何类型比都是转换成字符串,包括NaN

console.log([1] == true)
console.log([1] == 1)
console.log([1] == '1')
console.log('1' == 1)
console.log('1' == true)
console.log(true == 1)

function fn() {
  return 20;
}
console.log(fn + 10)
console.log(fn + NaN)
console.log(fn + true)
console.log(fn + undefined)

// true
// true
// true
// true
// true
// true
// function fn() {
//   return 20;
// }10
// function fn() {
//   return 20;
// }NaN
// function fn() {
//   return 20;
// }true
// function fn() {
//   return 20;
// }undefined


全等(===)和不全等(!==)

它只在两个操作数未经转换就相等的情况下返回true,说完!!


转换api

valueOf

valueOf函数用于返回指定对象的原始值。JavaScript的许多内置对象都重写了该函数,以实现更适合自身的功能需要。因此,不同类型对象的valueOf方法的返回值和返回值类型均可能不同。

类型返回
Array数组实例对象
Number数字
Boolean布尔值
Object对象本身
String字符串
Date以毫秒数存储的时间值,从 UTC 1970年 1月 1日午夜开始计算类似(1491470005274)
Function函数本身
null没有这个方法抛出异常 TypeError
undefined没有这个方法抛出异常 TypeError
console.log('[1,2,3]: ' + [1, 2, 3].valueOf())
console.log('123: ' + (123).valueOf())
console.log('true: ' + true.valueOf())
console.log('{abc:123}: ', ({ abc: 123 }).valueOf())
console.log('"123": ' + '123'.valueOf())
console.log('new Date(): ' + new Date().valueOf())
console.log('function abc(){}: ' + function abc() { }.valueOf())
console.log('null: ' + null.valueOf())
console.log('undefined: ' + undefined.valueOf())

// [1,2,3]: 1,2,3
// 123: 123
// true: true
// {abc:123}:  { abc: 123 }
// "123": 123
// new Date(): 1564555551129
// function abc(){}: function abc() { }
// TypeError报错
// TypeError报错


toString

把一个逻辑值转换为字符串,并返回结果。JavaScript的许多内置对象都重写了该函数,以实现更适合自身的功能需要。

类型返回
Array将 Array 的每个元素转换为字符串,并用逗号作为分隔符进行拼接
Number字符串格式,还可返回以指定进制表示的字符串
Boolean"true"或者"false"
Object"[object Object]"
String原值.(包括空字符)
Date日期的文本表示类似("Thu Apr 06 2017 15:48:59 GMT+0800 (中国标准时间)")
Function"function 函数名称() { [native code] }"
null没有这个方法抛出异常 TypeError
undefined没有这个方法抛出异常 TypeError
console.log('[1,2,3]: ' + [1, 2, 3].toString())
console.log('123: ' + (123).toString())
console.log('true: ' + true.toString())
console.log('{abc:123}: ', { abc: 123 }.toString())
console.log('"123": ' + '123'.toString())
console.log('new Date(): ' + new Date().toString())
console.log('function abc(){}: ' + function abc() { }.toString())
console.log('null: ' + null.toString())//报错
console.log('undefined: ' + undefined.toString())//报错

// [1,2,3]: 1,2,3
// 123: 123
// true: true
// {abc:123}:  [object Object]
// "123": 123
// new Date(): Wed Jul 31 2019 14:52:49 GMT+0800 (GMT+08:00)
// function abc(){}: function abc() { }
// TypeError报错
// TypeError报错


String

能够将任何类型的值转换为字符串遵循下列转换规则:

1, 如果值有 toString() 方法,则调用该方法(没有参数)并返回相应的结果;
2, 如果值是 null ,则返回 "null" ;
3, 如果值是 undefined ,则返回 "undefined" 。

console.log('null: ' + String(null))
console.log('undefined: ' + String(undefined))
console.log('"123.12": ' + String('123.12'))

// null: null
// undefined: undefined
// "123.12": 123.12


Number

有3个函数可以把非数值转换为数值:Numbe可以用于任何数据类型,parseInt和parseFloat专门用于把字符串转换成数值。这3个函数对于同样的输入会有返回不同的结果。由于Number()函数在转换字符串时比较复杂而且不够合理,因此在处理整数的时候更常用的是parseInt函数。

1, 如果是Boolean值,true和false将分别被转换为1和0。
2, 如果是数字值,只是简单的传入和返回。
3, 如果是null值,返回0。
4, 如果是undefined,返回NaN。
5, 如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再次依照前面的规则转换返回的字符串值。
6, 如果是字符串,遵循下列规则:

①如果字符串中只包含数字(包括前面带正负号的情况,前导的零被忽略了);
②如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽略前导零);
③如果字符串中包含有效的十六进制格式,例如"0xf",则将其转换为相同大小的十进制整数值;
④如果字符串是空的(不包含任何字符),则将其转换为0;
⑤如果字符串中包含除上述格式之外的字符,则将其转换为NaN。

7, 如果是 Date 对象,Number() 返回从 1970 年 1 月 1 日至今的毫秒数。(原文没有,我在方法api看到的)
8, 如果是空字符返回0

console.log('true: ' + Number(true))
console.log('1.23: ' + Number('01.23'))
console.log('null: ' + Number(null))
console.log('undefined: ' + Number(undefined))
console.log('{}: ' + Number({}))//转成字符串是空的,然后转换为0;
console.log('{abc:123}: ' + Number({ abc: 123 }))
console.log('"123": ' + Number("0123"))
console.log('0xf: ' + Number(0xf))
console.log('"": ' + Number(""))
console.log('"abc": ' + Number("abc"))
console.log('空: ' + Number())

// true: 1
// 1.23: 1.23
// null: 0
// undefined: NaN
// {}: NaN
// {abc:123}: NaN
// "123": 123
// 0xf: 15
// "": 0
// "abc": NaN
// 空: 0


parseInt

可解析一个字符串,并返回一个整数。转换规则如下。

1, 它会忽略字符串前面的空格,直至找到第一个非空格字符,同样忽略结尾的空格。
2, 如果第一个非空格字符不是数字字符(可带正负号),parseInt()就会返回NaN;(parseInt()对空字符返回NaN,Number()对空字符返回0)。
3, 如果第一个非空格字符是数字字符,parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符。(包括小数点也不是有效的数字字符)。
4, 如果字符串中的第一个非空格字符是数字字符,parseInt()也能够识别出各种整数格式(即前面讨论的十进制、八进制和十六进制数)。

①如果字符串以"0x"开头且后跟数字字符,就会将其当作一个十六进制整数;
②如果字符串以"0"开头且后跟数字字符,则会将其当作一个八进制数来解析。(ECMAScript 3 认为是(八进制),ECMAScript 5 认为是(十进制))

console.log('"   123": ' + parseInt('    123'))
console.log('"   -123": ' + parseInt('    -123'))
console.log('"   -a123": ' + parseInt('    -a123'))
console.log('"abc123": ' + parseInt('abc123'))
console.log('"123.12": ' + parseInt('123.12'))
console.log('"0xf": ' + parseInt('0xf'))
console.log('"070": ' + parseInt('070'))

// "   123": 123
// "   -123": -123
// "   -a123": NaN
// "abc123": NaN
// "123.12": 123
// "0xf": 15
// "070": 70


parseFloat

函数可解析一个字符串,并返回一个浮点数。parseInt()和parseFloat()函数的转换规则类似,区别如下。

1, 能够解析有效的浮点数字字符
2, 由于 parseFloat() 只解析十进制值,它始终都会忽略前导的零

console.log('"   123": ' + parseFloat('    123'))
console.log('"abc123": ' + parseFloat('abc123'))
console.log('"123.001: ' + parseFloat('123.001'))
console.log('"0xf": ' + parseFloat('0xf'))
console.log('"070": ' + parseFloat('070'))
console.log('"73.125e7": ' + parseFloat('3.125e7'))

// "   123": 123
// "abc123": NaN
// "123.001: 123.001
// "0xf": 0
// "070": 70
// "73.125e7": 31250000


链接: https://www.fly63.com/article/detial/4438

JS中Null与Undefined的区别

在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined?Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。

Javascript的类型检测

主要介绍了JS中检测数据类型的几种方式,typeof运算符用于判断对象的类型,但是对于一些创建的对象,它们都会返回\'object\',有时我们需要判断该实例是否为某个对象的实例,那么这个时候需要用到instanceof运算符

js类型转换的各种玩法

对于object和number、string、boolean之间的转换关系,ToPrimitive是指转换为js内部的原始值,如果是非原始值则转为原始值,调用valueOf()和toString()来实现。

JavaScript类型:关于类型,有哪些你不知道的细节?

Undefined类型表示未定义,它的类型只有一个值为undefined。undefined和null有一定的表意差别。非整数的Number类型无法使用 == 或 === 来比较,因为 JS 是弱类型语言,所以类型转换发生非常频繁

为你的 JavaScript 项目添加智能提示和类型检查

近在做项目代码重构,其中有一个要求是为代码添加智能提示和类型检查。智能提示,英文为 IntelliSense,能为开发者提供代码智能补全、悬浮提示、跳转定义等功能,帮助其正确并且快速完成编码。

js的类型

基本类型:按值访问,可以操作保存在变量中实际的值;引用类型数据存在堆内存,而引用存在栈区,也就是说引用类型同时保存在栈区和堆区,关于==的执行机制,ECMASript有规范,因为==前后的值交换顺序,返回的值也是一样的,所以在此对规范做出如下总结

再也不用担心 JavaScript 的数据类型转换了

JavaScript 是一种弱类型或者说动态类型语言。所以你不用提前声明变量的类型,在程序运行时,类型会被自动确定,你也可以使用同一个变量保存不同类型的数据。

JavaScript基础之值传递和引用传递

js的值传递和引用(地址)传递:js的5种基本数据类型 number,string,null,undefined,boolean 在赋值传递时是值传递,js的引用数据类型(object,array,function)进行引用传递,其实底层都是对象。

JS中的布尔 数字 字符串

JS中所有的值都可以转换成布尔类型 使用Boolean()或者 !!(两个感叹号),JS中所有的值都可以转换成数字类型,使用Number()或+。数字类型转换场景目的只有一个,用于计算,将后台传递的数据,从字符串转换为数字并参与计算

if条件中,js的强制类型转换

众所周知,JS在很多情况下会进行强制类型转换,其中,最常见两种是:1.使用非严格相等进行比较,对==左边的值进行类型转换2.在if判断时,括号内的值进行类型转换,转化为布尔值

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!