成都创新互联网站制作重庆分公司

javascript进行强制类型转换的方法

这篇文章给大家分享的是有关javascript进行强制类型转换的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联于2013年成立,先为濮阳等服务建站,濮阳等地企业,进行企业商务咨询服务。为濮阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

强制转换方法:1、使用ToString()、ToNumber()或ToBoolean()方法;2、使用String()、Number()或Boolean()方法;3、使用“+”或“-”运算符;4、使用“if()”、“while()”等语句。

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

一、类型转换规则

1.ToString

对于普通对象来说,除非自行定义toString方法,否则就会调用Object.prototype.toString()方法,如果对象有自己的toString方法,字符串化就会调用该方法并使用其返回值。

2.ToNumber

  • 对于基本类型其中true转换为1,false转换为0;undefined 转换为 NaN,null 转换为 0

  • 对于对象类型会首先转换成为基本类型值如果返回的是非数字的基本类型值,则再遵循基本类型转换规则将其强制转换为数字。为了将值转换为相应的基本类型值,抽象操作ToPrimitive会首先检查该值是否有 valueOf() 方法。如果有并且返回基本类型值,再使用该值进行强制类型转换。如果没有就使用 toString() 的返回值(如果存在)来进行强制类型转换。如果 valueOf() 和 toString() 均不返回基本类型值,会产生 TypeError 错误。

let a = {
    valueOf:function(){
        return "42";
    }
};
let b = {
    toString:function(){
        return "42";
    }
};
let c = [4,2];
c.toString = function(){
    return this.join(""); //"42"
};

Number(a);     //42
Number(b);     //42
Number(c);     //42
Number('');    //0
Number([]);    //0
Number(["abc"];//NaN

3.ToBoolean

JavaScript中的值可以分为能被强制转换为false的值和能被强制转换为true的值两类。
假值:

  • undefined

  • null

  • false

  • +0、-0、NaN

  • ""

真值:除了以上列表的都可以理解为是真值,所有对象都是真值

let a1 = new Boolean( false );
let b1 = new Number( 0 );
let c1 = new String( "" );
let d1 = Boolean(a1 && b1 && c1); //true

let a2 = [];
let b2 = {};
let c2 = function(){};
let d2 = Boolean(a2 && b2 && c2); //true

二、显示强制类型转换

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

【推荐学习:javascript高级教程】

三、隐式强制类型转换

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

(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

2.隐式强制类型转换为布尔值

下面的情况会发生 布尔值隐式强制类型转换:

(1) if (..)语句中的条件判断表达式。

(2) for ( .. ; .. ; .. )语句中的条件判断表达式(第二个)。

(3) while (..) 和 do..while(..) 循环中的条件判断表达式。

(4) ? :中的条件判断表达式。

(5) 逻辑运算符 ||(逻辑或)和 &&(逻辑与)左边的操作数(作为条件判断表达式)。

以上情况中,非布尔值会被隐式强制类型转换为布尔值,遵循前面介绍过的 ToBoolean 抽象操作规则。

感谢各位的阅读!关于“javascript进行强制类型转换的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网页标题:javascript进行强制类型转换的方法
本文路径:http://cxhlcq.com/article/gdcjdc.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部