JS 类型转换

JavaScript中的类型有:

  1. 原始类型:Boolean、Null、String、Number、Symbol、Undefined、BigInt
  2. 对象:Object

一、显式类型转换

  • Number函数
    1. 原始类型转换
      数值:转换后还是原来的值
      字符串:如果可以被解析为数值,则转换为相应的数值,否则得到NaN;空字符串转为0
      布尔值:true转为1,false转为0
      undefined:转为NaN
      null:转为0
    2. 对象类型转换
      先调用对象自身的valueOf方法,如果该方法返回原始类型的值(数值、字符串和布尔值),则直接对该值使用Number方法,不再进行后续步骤。
      如果valueOf返回的是复合类型的值,再调用对象自身的toString方法,如果toString方法返回原始类型的值,则对该值使用Number方法,不再进行后续步骤。
      如果toString方法返回的是复合类型的值,则报错。
  • String函数
    1. 原始类型转换
      数值:转换为相应的字符串
      字符串:转换后还是原来的值
      布尔值:true转为"true",false转为"false"
      undefined:转为"undefined"
      null:转为"null"
    2. 对象类型转换
      先调用toString方法,如果该方法返回原始类型的值,则直接对该值使用String方法,不再进行后续步骤。
      如果toString方法返回的是复合类型的值,再调用valueOf方法,如果valueOf方法返回原始类型的值,则对该值使用String方法,不再进行后续步骤。
      如果valueOf方法返回的是复合类型的值,则报错。
  • Boolean函数
    undefined、null、0、NaN、''(空字符串)转换为false
    其他的都为true

二、隐式类型转换

  1. 以下情况会发生类型转换
    四则元素(加减乘除)
    判断语句
    Native调用(console.log()、alert()等会自动将内容转换为String类型)
[] + [] // ''
[] + {} // '[object Object]'
{} + [] //0
{} + {} //'[object Object][object Object]'
true + true //2
1 + {a: 1} //'1[object Object]'

相关资料:
https://2ality.com/2012/01/object-plus-object.html

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • js类型转换 1 用于类型转换的valueOf和toString valueOf()的意义是,返回这个对象逻辑上对...
    Super曲江龙Kimi阅读 433评论 0 0
  • 前言:js的类型转换真是容易让人一头雾水,接下来我将会好好整理一下。 原始值到原始值(数字,字符串,布尔值)的转换...
    tency小七阅读 357评论 0 0
  • 本文是lhyt本人原创,希望用通俗易懂的方法来理解一些细节和难点。转载时请注明出处。文章最早出现于本人github...
    lhyt阅读 424评论 0 1
  • 写在前面的话 近期刷了点js的面试题,发现很多基础知识已经模糊,于是重新回去看了一下《javascript权威指南...
    栗子酥小小阅读 889评论 0 0
  • 原文 有意思的 JavaScript 原始值到原始值的转换 原始值转化为布尔值所有的假值(undefined、nu...
    蛮吉大人123阅读 358评论 0 0

友情链接更多精彩内容