重学JS之显示强制类型转换详解

网络编程 2024/12/28 佚名

3 1 2

快活林资源网 Design By www.csstdc.com

ToString

ToString负责处理非字符串到字符串的强制类型转换，常用的字符串化方法String()、toString()。

基本类型值的字符串化规则：

null转换为'null'
undefined转换为'undefined'
true转化为'true'
数字的字符串化遵循通用规则，极大值或者极小值采用科学计数法表示

普通对象在字符串化时，实际执行Object.prototype.toString()，返回该对象的类型[object type]，例如：

var test = {a : 'test'}
console.log(test.toString()) // '[object Object]'
console.log(String(test)) // '[object Object]'

但是当对象有自己的toString方法时，字符串化时就会调用该方法并返回该方法的返回值，例如：

var obj = {
 a: 'test',
 toString: function () {
 return 1
 }
}
console.log(obj.toString()) // 1
console.log(String(obj)) // 1

数组在做字符串化时，将数组所有元素字符串化再用"，"连接，例如：

var arr = [1, 2]
console.log(arr.toString()) // '1,2'
console.log(String(arr)) // '1,2'

JSON.stringify()

JSON.stringify()在将JSON对象序列化为字符串时，也涉及到了字符串化的相关规则。

对大多数简单值来说，JSON字符串化和toString()的效果基本相同，例如：

console.log(JSON.stringify("test")) // ""test""
console.log(JSON.stringify(1)) // "1"
console.log(JSON.stringify(null)) // "null"

但是JSON.stringify()在对象中遇到function() {}、undefined、Symbol时会自动将其忽略，在数组中则会返回null，例如：

var obj1 = {
 a: undefined,
 b: function () {},
 c: Symbol()
}
console.log(JSON.stringify(obj1)) // "{}"
console.log(JSON.stringify([undefined, function () {}, 1])) // "[null, mull, 1]"

当对象执行JSON.stringify()方法时，如果对象中存在toJSON方法，用它的返回值来进行序列化，例如：

var obj2 = { 
 a: undefined,
 b: function () {},
 c: Symbol(),
 toJSON: function () {
 return {a: 'replace'}
 }
}
console.log(JSON.stringify(obj2)) // "{"a":"replace"}"

ToNumber

ToNumber负责将非数字转化为数字，Number()、parseInt()和parseFloat()都可以将非数字转化为数字

Number()

Number()函数的转换规则：

如果是Boolean类型，true和false分别转换为0和1
如果是数字值，只是简单的传入和返回
如果是null值，返回0
如果是undefined，返回NaN
如果是字符串，遵循下列规则：
- 如果字符串中只包含数字，则将其转变为十进制数
- 如果字符串中包含有效的浮点格式，则将其转换为对应的浮点数值
- 如果字符串中包含有效的十六进制格式，则将其转换为相同大小的十进制数
- 如果字符串是空，则将其转换为0
- 如果字符串中包含除上述格式之外的字符串，则将其转换为NaN
如果是对象，则调用对象的valueOf()方法，然后依照前面的规则转换值。如果转换的结果是NaN，则调用对象的toString()方法，然后再依次照前面的规则转换返回的字符串值

例如：

console.log(Number(true)) // 1
console.log(Number(1)) // 1
console.log(Number(null)) // 0
console.log(Number(undefined)) // NaN
console.log(Number('11')) // 11
console.log(Number('1.1')) // 1.1
console.log(Number('0xf')) // 15
console.log(Number('')) // 0
var a = {
 valueOf: function () {
  return '10'
 }
}
var b = {
 toString: function () {
  return '10'
 }
}
var c = [1, 0]
c.toString = function () {
 return c.join("")
}
console.log(Number(a)) // 10
console.log(Number(b)) // 10
console.log(Number(c)) // 10

parseInt()

parseInt()转换规则：

parseInt()函数在转换字符串时，会忽略字符串前面的空格，直到找到第一个非空格字符
如果第一个字符不是数字字符或者负号，parseInt()就会返回NaN
如果第一个字符是数字字符，parseInt()就会继续解析，直到解析完所有后续字符或者遇到一个非数字字符
如果字符串中的第一个字符是数字字符，parseInt()也能识别各种进制数

例子：

console.log(parseInt('a')) // NaN
console.log(parseInt('11')) // 11
console.log(parseInt('11aa')) // 11
console.log(parseInt('0xf')) // 15

parseFloat()

parseFloat()转换规则:

与parseInt()函数类似，parseFloat()也是从第一个字符开始解析每一个字符，而且也是一直解析到字符串末尾，或者解析到遇见一个无效的浮点数字字符为止
解析时会忽略前导的0
只会解析十进制数

例子：

console.log(parseFloat('12.3a')) // 12.3
console.log(parseFloat('0xf')) // 0
console.log(parseFloat('01.1')) // 1.1

ToBoolean

布尔强制类型转换的假值列表：

undefined
null
false
+0、-0和NaN
""

除了上述列表以外的值在转换的时候都应该是真值，强制布尔类型转换常用Boolean()或者!!，第一个!将值强制转为布尔类型，但同时还将真假值反转，第二个!将结果返回原值，例子：

console.log(Boolean("0")) // true
console.log(Boolean([])) // true
console.log(Boolean(undefined)) // false
console.log(!!"0") // true
console.log(!![]) // true
console.log(!!undefined) // false

总结

这篇文章对JS中的常见显示强制类型转换做了一个小结，希望能对大家理解有所帮助。

好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对的支持。

js的强制类型转换,js中数据类型转换,js强制类型转换有哪些

快活林资源网 Design By www.csstdc.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

快活林资源网 Design By www.csstdc.com

评论“重学JS之显示强制类型转换详解”

暂无评论...

www.csstdc.com 快活林资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

重学JS之显示强制类型转换详解

JavaScript一元正号运算符示例代码

JavaScript判断浏览器运行环境的详细方法

评论“重学JS之显示强制类型转换详解”

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

重学JS之显示强制类型转换详解

JavaScript一元正号运算符示例代码

JavaScript判断浏览器运行环境的详细方法

评论“重学JS之显示强制类型转换详解”

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

RTX 5090要首发性能要翻倍！三星展示GDDR7显存