加入收藏 | 设为首页 |

ope体育-前端根底:JS强制类型转化

海外新闻 时间: 浏览:237 次

JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object

object是引证类型,其它的五种是根本类型或许是原始类型。咱们可以用typeof办法打印来某个是归于哪个类型的。不同类型的变量比较要先转类型,叫做类型转化,类型转化也叫隐式转化。隐式转化一般发作在运算符加减乘除,等于,还有小于,大于等。。


typeof '11' //string
typeof(11)  //number
'11' < 4 //false

1、根本类型的转化

下面先讲加减乘除:

1. 字符串加数字,数字就会转成字符串。

2. 数字减字符串,字符串转成数字。假如字符串不是纯数字就会转成NaN。字符串减数字也相同。两个字符串相减也先转成数字。

3. 乘,除,大于,小于跟减的转化也是相同。


//隐式转化 + - * == /
// +
10 + '20' //'2010'
// -
10 - '20' //-10
10 - 'one' //NaN
10 - '100a' //NaN
// *
10*'20' //200
'10'*'20' //200
// /
20/'10' //2
'20'/'10' //2
'20'/'one'  //NaN

4、加ope体育-前端根底:JS强制类型转化法操作次序是灵敏的

相似这样的混合表达式有时令人困惑,由于 JavaScript 对操作次序是灵敏的。例如,表达式:

1+2+"3"; //"33"

由于加法运算是自左结合的(即左结合律),因而,它等同于下面的表达式:

(1+2)+"3"; //"33"

与此相反,表达式:

1+"2"+3; //"123"

的计算成果为字符串“123”。左结合律适当所以将表达式左边的加法运算包裹在括号中。

5、再来看看一组 ==

  • 1.undefined等于null
  • 2.字符串和数字比较时,字符串转数字
  • 3.数字为布尔比较时,布尔转数字
  • 4.字符串和布尔比较时,两者转数字

// ==
undefined == null; //true
'0' == 0;    //true,字符串转数字
0 == false; //true,布尔转数字
'0' == false;    //true,两者转数字
null == false;   //false
undefined == false;  //false

7个false值:false,0,-0,“”,NaN,null以及undefined,一切其他值都是truth

6、NaN,不是一个数字

NaN 是一个特别值,阐明某些算术运算(如求负数的平方根)的成果不是数字。办法 parseInt() 和 parseFloaope体育-前端根底:JS强制类型转化t() 在不能解析指定的字符串时就回来这个值。关于一些惯例状况下回来有用数字的函数,也可以选用这种办法,用 Number.NaN 阐明它的过错状况。


Math.sqrt(-2)
Math.log(-1)
0/0
parseFloat('foo')

关于许多JavaScript的初学者来说,它的第一个圈套是调用typeof时回来成果的一般是你想不到的:

console.log(typeof NaN); // 'Number'

这情状况下,NaN并不意味着是一个数字,它的类型是数字。了解吗?

由于typeof 回来的是字符串,有六种:“nope体育-前端根底:JS强制类型转化umber”、”string”、”boolean”、”object”、”function”、”undefined

坚持镇定,由于下面还有许多紊乱的当地。让咱们比较两个NaN:


var x = Math.sqrt(-2);
var y = Math.log(-1);
console.log(x == y); // false

或许这是由于咱们没有运用严厉等价(===)操作?明显不是。


var x = Math.sqrt(-2);
var y = Math.log(-1);
console.log(x === y); // false

直接比较两个NaN呢?

console.log(NaN === NaN); // false

由于有许多办法来表明一个非数字,所以一个非数字不会等于另一个为NaN的非数字,它仍是有必定道理的。

可是当然,解决方案现在已经有了。让咱们认识一下大局函数isNaN

console.log(isNaN(NaN)); // true

唉,不过 isNaN() 也有它自己的许多缺点呀:


console.log(isNaN('hello')); // true
console.log(isNaN(['x'])); // true
console.log(isNaN({})); // true

这样又发生 了许多不同的解决方案。其间一个是使用 了NaN的非反射性质(例如, 看看 Kit Cambridge 的笔记)


var My = {
isNaN: function (x) { return x !== x; }
}

不过走运的是,在即将到来的ECMAScriptope体育-前端根底:JS强制类型转化 6中, 有一个Number.isNaN() 办法供给牢靠的NaN值检测。

换句话说,只要在参数是真实的NaN时,才会回来true


console.log(Number.isNaN(NaN)); // true
console.log(Number.isNaN(Math.sqrt(-2))); // true
console.log(Number.isNaN('hello')); // false
console.log(Number.isNaN(['x'])); // false
console.log(Number.isNaN({})); // false

2、引证类型的转化

根本类型间的比较相对简略。引证类型和根本类型的比较就相对杂乱一些,先要把引证类型转成根本类型,再按上述的办法比较。

1、引证类型转布尔满是true。

比方空数组,只要是目标便是引证类型,所以[]为true。引证类型转数字或许字符串就要用valueOf()或许toString();目标自身就承继了valuOf()和toString(),还可以自定义valueOf()和toString()。依据不同的目标用承继的valueOf()转成字符串,数字或自身,而目标用toString就必定转为字符串。一般目标默许调用valueOf()。

1.目标转数字时,调用valueOf();

2.目标转字符串时,调用toString();

先看看下面的比如:


0 == []; // true, 0 == [].valueOf(); ---> 0 == 0;
'0' == []; // false, '0' == [].toString(); ---> '0' == '';
2 == ['2']; // true, 2 == ['2'].valueOf(); ---> 2 == '2' ---> 2 == 2;
'2' == [2]; // true, '2' == [2].toString(); ---> '2' =='2';

[] == ![]; //true, [].valueOf() == !Boolean([]) -> 0 == false ---> 0 == 0;

目标转成数字时,调用valueOf(),在这之前先调用的是toString();所以我猜valueOf办法是这样的。So上面的比如 0 == []要改成下面更合理。无论如何,[]最终是转成0的。


var valueOf = function (){
var str = this.toString(); //先调用toString(),转成字符串
//...
}
0 == []; // true, 0 == [].valueOf(); -> 0 == '0' -> 0 == 0;

自定义的valueOf()和toString();

  1. 自定义的valueOf()和toString()都存在,会默许调用valueOf();
  2. 假如只要toString(),则调用toString();

var a = [1];

a.valueOf = function (){ return 1;}
a.toString = function (){ return '1';}

a + 1; // 2, valueOf()先调用

去掉valueOf()就会调用ope体育-前端根底:JS强制类型转化toString()。


var a = [1];

a.valueOf = function (){ return 1;}
a.toString = function (){ return '1';}

a + 1; // 2, 先调用valueOf()
//去掉valueOf
delete a.valueOf;
a + 1; // '11', 调用toString()

假如回来其它会怎么样呢?


var a = [1];

a.valueOf = function (){return ;}
a.toString = function (){return 1 ;};

1 - a; //NaN

其它目标 调用valueOf()转成不同的ope体育-前端根底:JS强制类型转化类型:


var a = {};
a.valueOf(); //Object {}
var a = [];
a.valueOf(); //[] 自己自身
var a = new Date();
a.valueOf(); //1423812036234 数字
var a = new RegExp();
a.valueOf(); // /(?:)/ 正则目标

引证类型之间的比较是内存地址的比较,不需要进行隐式转化,这儿不多说。

[] == [] //false 地址不相同

var a = [];

b = a;

b == a //true

2、显式转Madness化

显式转化比较简略,可以直接用类当作办法直接转化。

Number([]); //0

String([]); //”

Boolean([]); //true

还有更简略的转化办法。

3 + ” // 字符串’3’

+’3’ // 数字3

!!’3’ // true

小结

学好JS的类型转化可以协助你更好的了解JS,也可以协助你防止平常写代码时去踩一些不必要的坑。打好JS根底可以协助你更快的学习最新技能,所谓万变不离其间便是这个道理。