首页 > 教程 > 文章 > JAVASCRIPT > 正文

javascript怎么进行类型强制转换

原创2021-06-29 14:08:51 0 5

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

本教程操作环境: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怎么进行类型强制转换》的详细内容,更多请关注 “设计者在线”其它相关文章!

  • 相关标签:javascript类型转换强制类型转换
  • 本文由 设计者在线 原创发布,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论 条评论
  • 专题推荐

    • 帝国系统

      简介:抗击新型冠状病毒感染肺炎

    • JQUERY

      简介:春节好春节好春节好春节好春节好春节好春节好春节好

    • 不忘初心牢记使命教育活动

      简介:不忘初心牢记使命教育活动

    • 我们的生活

      简介:我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活

    • 明天会更好

      简介:明天会更好明天会更好明天会更好明天会更好明天会更好明天会更好明天会更好

    推荐视频教程
    视频分类
    [!--date--]Y-m-d[!--date--]