数据类型知识复习

汪补补

已于 2023-03-05 09:02:37 修改

阅读量179

点赞数

分类专栏：面试文章标签： javascript Powered by 金山文档

于 2023-03-04 14:34:20 首次发布

本文链接：https://blog.csdn.net/m0_67180694/article/details/129328489

版权

面试专栏收录该内容

9 篇文章 0 订阅

订阅专栏

文章详细介绍了JavaScript中的类型转换，包括强制类型转换如Number(),String(),Boolean()函数的使用规则，以及对象转换的valueOf()和toString()方法。同时，讨论了隐式转换的情况，如算术运算、比较运算和逻辑运算时的自动类型转换规则，强调了避免自动转换以提高代码可读性和避免错误的重要性。

摘要由CSDN通过智能技术生成

显示类型转换/强制类型转换

强制类型转换主要是指使用Number( )、String( )、Boolean( )三个函数，手动强制转换

常见的强制转换方法有

转为boolean值：Boolean( )

转为String值：String( )、toString( )

转为Number值：Number( )、parseInt( )、parsefloat( )

1.Number( )

简单数据转换数字对照表

原始数据类型	转换之后的值
空字符串	0
非空字符串	将字符串的数据的内容变为数据，如果还有其他符号中文则转换为NaN
true	1
false	0
null	0
undefined	NaN
NaN	NaN

对象：

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

Number背后的转换规则比较复杂。

第一步，调用对象自身的valueOf方法。如果返回原始类型的值，则直接对该值使用Number函数，不再进行后续步骤。

第二步，如果valueOf方法返回的还是对象，则改为调用对象自身的toString方法。如果toString方法返回原始类型的值，则对该值使用Number函数，不再进行后续步骤。

第三步，如果toString方法返回的是对象，就报错。

2.String( )

String函数可以将任意类型的值转化成字符串，转换规则如下。

原始数据类型	转换之后的值
数字类型	数字类型的字符标识
undefined	'undefined'
null	'null'
布尔值	'true'/'false'
字符串	还是原来的值

对象

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

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

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

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

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

3.boolean( )

Boolean()函数可以将任意类型的值转为布尔值。

它的转换规则相对简单：除了以下五个值的转换结果为false，其他的值全部为true。

undefined

null

0（包括+0和-0）

注意，所有对象（包括空对象）的转换结果都是true，甚至连false对应的布尔对象new Boolean(false)也是true（详见《原始类型值的包装对象》一章）。所有对象的布尔值都是true，这是因为 JavaScript 语言设计的时候，出于性能的考虑，如果对象需要计算才能得到布尔值，对于obj1 && obj2这样的场景，可能会需要较多的计算。为了保证性能，就统一规定，对象的布尔值为true。

隐式类型转换/自动类型转换

隐式转换为 number：算术运算/比较运算，例如加、减、乘、除、相等（==）、大于、小于等；

隐式转换为 string：与字符串拼接，例如 + ""；

隐式转换为 boolean：逻辑运算，例如或（||）、与（&&）、非（!）；

自动转换，它是以强制转换为基础的。

遇到以下三种情况时，JavaScript 会自动转换数据类型，即转换是自动完成的，用户不可见。

自动转换的规则是这样的：预期什么类型的值，就调用该类型的转换函数。比如，某个位置预期为字符串，就调用String()函数进行转换。如果该位置既可以是字符串，也可能是数值，那么默认转为数值。

由于自动转换具有不确定性，而且不易除错，建议在预期为布尔值、数值、字符串的地方，全部使用Boolean()、Number()和String()函数进行显式转换。

第一种情况，不同类型的数据互相运算。

123 + 'abc' // "123abc"

第二种情况，对非布尔值类型的数据求布尔值。

if ('abc') {
  console.log('hello')
}  // "hello"

第三种情况，对非数值类型的值使用一元运算符（即+和-）。

+ {foo: 'bar'} // NaN
- [1, 2, 3] // NaN

自动转换为布尔值

if ( !undefined
  && !null
  && !0
  && !NaN
  && !''
) {
  console.log('true');
} // true

// 写法一
expression ? true : false

// 写法二
!! expression

自动转换为字符串

JavaScript 遇到预期为字符串的地方，就会将非字符串的值自动转为字符串。具体规则是，先将复合类型的值转为原始类型的值，再将原始类型的值转为字符串。

字符串的自动转换，主要发生在字符串的加法运算时。当一个值为字符串，另一个值为非字符串，则后者转为字符串。

自动转换为数值

JavaScript 遇到预期为数值的地方，就会将参数值自动转换为数值。系统内部会自动调用Number()函数。

除了加法运算符（+）有可能把运算子转为字符串，其他运算符都会把运算子自动转成数值。

'5' - '2' // 3
'5' * '2' // 10
true - 1  // 0
false - 1 // -1
'1' - 1   // 0
'5' * []    // 0
false / '5' // 0
'abc' - 1   // NaN
null + 1 // 1
undefined + 1 // NaN

+'abc' // NaN
-'abc' // NaN
+true // 1
-false // 0

复杂数据类型的转换规则

调用valueOf()返回的结果

对象	返回值
Array	返回数组本身
Boolean	布尔值
Date	存储的时间是从1970年1月1日午夜开始级的毫秒数UTC，eg：(new Date()).valueOf() -->1626695004310 (相当于调用了getTime())
Function	函数本身
Number	数字值
Object	对象本身（默认情况）
String	字符串
	undefined、Null对象没有valueOf方法（Math、Error貌似有）

调用toString()返回的结果：

对象	返回值
Array	以逗号分隔每个数组形成的字符串
Function	函数的文本定义
Object	"[object object]"
Number	字符串类型数字
Boolean	"true"/"false"
String	字符串本身
Date	“Mon Jul 19 2021 18:46:05 GMT+0800 (中国标准时间)”

简单题目（来自课件）：

// 数值：转换后还是原来的值
Number(324) // 324

// 字符串：如果可以被解析为数值，则转换为相应的数值
Number('324') // 324

// 字符串：如果不可以被解析为数值，返回 NaN
Number('324abc') // NaN

// 空字符串转为0
Number('') // 0

// 布尔值：true 转成 1，false 转成 0
Number(true) // 1
Number(false) // 0

// undefined：转成 NaN
Number(undefined) // NaN

// null：转成0
Number(null) // 0

parseInt('42 cats') // 42
Number('42 cats') // NaN

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

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

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

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

Boolean(undefined) 
Boolean(null) 
Boolean(0)
Boolean(NaN) 
Boolean('')

打印结果：全是false


Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) // true

打印结果：全是true

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

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

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

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

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

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

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

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

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