类型转换

最新推荐文章于 2025-05-20 08:12:16 发布

蜜桃女孩

最新推荐文章于 2025-05-20 08:12:16 发布

阅读量148

点赞数

分类专栏： JavaScript 文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/m0_46563512/article/details/107692440

版权

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

`Number（）`

使用Number函数，可以将任意函数的值转换成数值；

原始类型值

Nunber(324) //数值：转换后还是原来的值
Number('324')//字符串：如果可以被解析为数值，则可以转换为相应的数值
Number('324abc')//字符串：如果不可以被解析成数值，返回NaN
Number('') //空字符转为0
Number(true)//布尔值：true转为1，false转为0
Number(undefined)//转为NaN
Number(null)//null转为0

Number函数将字符转为数值，要比parseInt函数严格，基本上只要有一个字符无法转成数值，整个字符就会被转为NaN
parseInt和Number函数会自动过滤一个字符串前导和后缀的空格

parseInt('42 cats') //42 逐个解析字符
Number('42 cats') //NaN  整体转换字符串类型

parseInt('\t\v\r12.34\n') // 12
Number('\t\v\r12.34\n') //12.34

对象

Number方法的参数是对象是，返回NaN，除非是包含单个数值的数组。

Number({a:1}) // NaN
Number([1,2,3]) //NaN
Number([5]) // 5

Number转换规则

调用自身的valueOf方法，如果返回原始类型的值，则直接对该值使用Number函数，不进行后续步骤；
若valueOf方法返回的还是对象，则改用调用对象自身的toString方法。若toString方法返回原始类型的值，则对该值使用Number函数，不进行后续步骤；
若toString方法返回的是对象，就报错。

var obj = {x:1};
Number(obj) //NaN

==
if(typeof obj.valueOf() === 'object'){
Number(obj.toString());
}else{
Number(obj.valueOf());
}

上面代码中，Number函数将obj对象转为数值。背后发生了一连串的操作，首先调用obj.valueOf方法, 结果返回对象本身；于是，继续调用obj.toString方法，这时返回字符串[object Object]，对这个字符串使用Number函数，得到NaN。

默认情况下，对象的valueOf方法返回对象本身，所以一般总是会调用toString方法，而toString方法返回对象的类型字符串（比如[object Object]）。所以，会有下面的结果。

Number({}) // NaN

如果toString方法返回的不是原始类型的值，结果就会报错。

var obj = {
  valueOf: function () {
    return {};
  },
  toString: function () {
    return {};
  }
};

Number(obj)
// TypeError: Cannot convert object to primitive value

上面代码的valueOf和toString方法，返回的都是对象，所以转成数值时会报错。

从上例还可以看到，valueOf和toString方法，都是可以自定义的。

Number({
  valueOf: function () {
    return 2;
  }
})
// 2

Number({
  toString: function () {
    return 3;
  }
})
// 3

Number({
  valueOf: function () {
    return 2;
  },
  toString: function () {
    return 3;
  }
})
// 2

上面代码对三个对象使用Number函数。第一个对象返回valueOf方法的值，第二个对象返回toString方法的值，第三个对象表示valueOf方法先于toString方法执行。

`String()`

可以将任意类型的值转换成字符串

（1）原始类型值

数值：转换为相应的字符串
字符串：转换后还是原来的值
布尔值：true转换为字符串“true”，false转为字符串“false”
undefined:转为字符串“undefined”
null：转为字符串“null”

（2）对象

String方法的参数如果是对象，返回一个类型字符串；如果是数组，返回该数组的字符串形式

String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"

String方法背后的转换规则，与Number方法基本相同，只是互换了valueOf方法和toString方法的执行顺序。

先调用对象自身的toString方法。如果返回原始类型的值，则对该值使用String函数，不再进行以下步骤。

如果toString方法返回的是对象，再调用原对象的valueOf方法。如果valueOf方法返回原始类型的值，则对该值使用String函数，不再进行以下步骤。

如果valueOf方法返回的是对象，就报错。

String({a: 1})
// "[object Object]"

// 等同于
String({a: 1}.toString())
// "[object Object]"

上面代码先调用对象的toString方法，发现返回的是字符串[object Object]，就不再调用valueOf方法了。

如果toString法和valueOf方法，返回的都是对象，就会报错。

var obj = {
  valueOf: function () {
    return {};
  },
  toString: function () {
    return {};
  }
};

String(obj)
// TypeError: Cannot convert object to primitive value

下面是通过自定义toString方法，改变返回值的例子。

String({
  toString: function () {
    return 3;
  }
})
// "3"

String({
  valueOf: function () {
    return 2;
  }
})
// "[object Object]"

String({
  valueOf: function () {
    return 2;
  },
  toString: function () {
    return 3;
  }
})
// "3"

上面代码对三个对象使用String函数。第一个对象返回toString方法的值（数值3），第二个对象返回的还是toString方法的值（[object Object]），第三个对象表示toString方法先于valueOf方法执行。

`Boolean（）`

可以将任意类型的值转为布尔值

undefined、null、0（-0和+0）、NaN、‘’（空字符串）
```转换结果为`false`,其他的值全部为`true`

```javascript
Boolean(true) // true
Boolean(false) // false

注：所有对象（包括空对象）的转换结果都是true,甚至false对应的布尔值对象new Boolean（false）也是true