欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript怎么进行类型强制转换

程序员文章站 2022-01-29 07:09:02
...

强制转换方法:1、使用String()、Number()或toString()函数进行字符串与数字之间的显示类型转换;2、使用Boolean()函数将值转换为布尔值;3、使用“+”、“-”运算符进行字符串和数字之间的隐式类型转换。

javascript怎么进行类型强制转换

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

1.字符串与数字之间的显示强制类型转换

字符串和数字之间的转换是通过 String(..)Number(..) 这两个内建函数。
除了 String(..) 和 Number(..) 以外,还有其他方法可以实现字符串和数字之间的显式 转换:

let a = 42;
let b = a.toString();
let c = "3.14";
let d = +c;
b; // "42"
d; // 3.14

a.toString() 是显式的,不过其中涉及隐式转换。因为 toString() 对 42 这样的基本类型值不适用,所以 JavaScript 引擎会自动为 42 创建一个封装对象,然后对该对象调用 toString()。这里显式转换中含有隐式转换。

2.显示转换为布尔值

let a = "0";
let b = [];
let c = {};
let d = "";
let e = 0;
let f = null;
let g;
Boolean( a ); // true
Boolean( b ); // true
Boolean( c ); // true
Boolean( d ); // false
Boolean( e ); // false
Boolean( f ); // false
Boolean( g ); // false

虽然 Boolean(..) 是显式的,但并不常用。显式强制类型转换为布尔值最常用的方法是 !!

let a = "0";
let b = [];
let c = {};
let d = "";
let e = 0;
let f = null;
let g;
!!a; // true
!!b; // true
!!c; // true
!!d; // false
!!e; // false
!!f; // false
!!g; // false

3.字符串和数字之间的隐式强制类型转换

(1)+运算符

即能用于数字加法,也能用于字符串拼接

如果 + 的其中一个操作数是字符串(或者通过对其调用 ToPrimitive 抽象操作得到字符串), 则执行字符串拼接;否则执行数字加法。因为数组的 valueOf() 操作无法得到简单基本类型值,于是它转而调用 toString()。因此下例中的两个数组变成了 "1,2" 和 "3,4"。+ 将它们拼接后返回 "1,23,4"。

let a = "42";
let b = "0";
a + b; // "420"

let c = 42;
let d = 0;
c + d; // 42

let x = [1,2];
let y = [3,4];
x + y; // "1,23,4"

可以使用+运算符进行字符串转换,将数字和空字符串 "" 相 + 来将其转换为字符串

let a = 42;
let b = a + "";
b; // "42"

a + ""(隐式)和前面的String(a)(显式)之间有一个细微的差别需要注意。

根据 ToPrimitive抽象操作规则,a + ""会对a调用valueOf()方法,然后通过ToString抽象 操作将返回值转换为字符串。而 String(a) 则是直接调用 ToString()。它们最后返回的都是字符串,但如果 a 是对象而非数字结果可能会不一样

let a = {
    valueOf: function() { return 42; },
    toString: function() { return 4; }
};
a + "";         // "42"
String( a );    // "4"

(2)从字符串强制类型转换为数字的情况

-是数字减法运算符,因此a - 0会将a强制类型转换为数字。也可以使用a * 1和a /1,因为这两个运算符也只适用于数字,只不过这样的用法不太常见

let a = [3];
let b = [1];
a - b; // 2

【推荐学习:javascript高级教程

以上就是javascript怎么进行类型强制转换的详细内容,更多请关注其它相关文章!