Suivez-moi pour apprendre les compétences javascript implicites cast_javascript

Les types de données JavaScript sont divisés en six types, à savoir null, non défini, booléen, chaîne, nombre, objet.

Object est un type de référence et les cinq autres sont des types de base ou des types primitifs. Nous pouvons utiliser la méthode typeof pour imprimer à quel type appartient quelque chose. Pour comparer des variables de différents types, vous devez d'abord convertir le type, appelé conversion de type. La conversion de type est également appelée conversion implicite. Les conversions implicites se produisent généralement avec les opérateurs addition, soustraction, multiplication, division, égal et inférieur à, supérieur à, etc. .

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

1. Conversion de type de base

Parlons d'abord de l'addition, de la soustraction, de la multiplication et de la division :

1. Ajoutez des nombres à une chaîne et les nombres seront convertis en chaînes.

2. Soustrayez une chaîne d'un nombre et convertissez la chaîne en un nombre . Si la chaîne n'est pas un nombre pur, elle sera convertie en NaN. Il en va de même pour les chaînes moins les nombres. La soustraction de deux chaînes les convertit également d'abord en nombres.

3. Il en va de même pour les conversions de multiplication, division, supérieur à, inférieur à et soustraction.

//隐式转换 + - * == / 
// + 
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. L'ordre des opérations d'addition est sensible

Des expressions mixtes comme celle-ci prêtent parfois à confusion car JavaScript est sensible à l'ordre des opérations. Par exemple, expression : 1 2 "3" //"33"

L'opération d'addition étant associative à gauche (c'est-à-dire loi associative à gauche), elle équivaut à l'expression suivante : (1 2) "3" //"33"

En revanche, l'expression : 1 "2" 3; //"123" renvoie la chaîne "123". La loi associative de gauche équivaut à mettre l’opération d’addition sur le côté gauche de l’expression entre parenthèses.

5. Jetons un coup d'œil à un autre groupe ==

1).undéfini est égal à null

2). Lorsque vous comparez des chaînes et des nombres, convertissez les chaînes en nombres

3). Lorsque le nombre est une comparaison booléenne, le booléen est converti en nombre

4). Lorsque vous comparez des chaînes et des booléens, convertissez les deux en nombres

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

7 fausses valeurs : false, 0, -0, "", NaN, null et indéfini, toutes les autres valeurs sont vraies

6. NaN, pas un numéro

NaN est une valeur spéciale indiquant que le résultat de certaines opérations arithmétiques (comme trouver la racine carrée d'un nombre négatif) n'est pas un nombre. Les méthodes parseInt() et parseFloat() renvoient cette valeur lorsque la chaîne spécifiée ne peut pas être analysée. Pour certaines fonctions qui renvoient normalement des nombres valides, vous pouvez également utiliser cette méthode et utiliser Number.NaN pour indiquer ses conditions d'erreur.

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

Pour de nombreux débutants en JavaScript, le premier piège est que le résultat renvoyé lors de l'appel de typeof est généralement quelque chose auquel vous ne vous attendez pas :

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

Dans ce cas, NaN ne signifie pas un nombre, son type est un nombre. Comprenez-vous?
Étant donné que typeof renvoie une chaîne, il existe six types : "number", "string", "boolean", "object", "function", "undefined

Restez calme car il y a beaucoup de chaos là-bas. Comparons deux NaN :

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

C'est peut-être parce que nous n'utilisons pas l'opération d'équivalence stricte (===) ? Apparemment non.

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

Que diriez-vous de comparer directement deux NaN ?

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

Comme il existe de nombreuses façons de représenter un non-nombre, il est toujours logique qu'un non-nombre ne soit pas égal à un autre non-nombre qui est NaN.

Mais bien sûr, la solution est désormais disponible. Faisons connaissance avec la fonction globale isNaN :

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

Hélas, mais isNaN() a aussi de nombreux défauts :

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

Cela conduit à de nombreuses solutions différentes. On profite de la nature non réflexive de NaN (par exemple, regardez les notes de Kit Cambridge)

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

Heureusement, dans le prochain ECMAScript 6, il existe une méthode Number.isNaN() qui fournit une détection fiable de la valeur NaN.
En d'autres termes, true ne sera renvoyé que si l'argument est un vrai NaN

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

二、引用类型的转换

基本类型间的比较相对简单。引用类型和基本类型的比较就相对复杂一些，先要把引用类型转成基本类型，再按上述的方法比较。

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();

• 自定义的valueOf()和toString()都存在，会默认调用valueOf();
• 如果只有toString(),则调用toString();

var a = [1];

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

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

去掉valueOf()就会调用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()转成不同的类型：

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.显式转换

显式转换比较简单，可以直接用类当作方法直接转换。

Number([]); //0
String([]); //”
Boolean([]); //true

还有更简单的转换方法。

3 + ” // 字符串'3'
+'3' // 数字3
!!'3' // true

以上就是本文的全部内容，详细介绍了javascript的隐式强制转换，希望对大家的学习有所帮助。