数据类型及相互规则转换,我被问麻了!!!

简介: 数据类型及相互规则转换,我被问麻了!!!

数据类型



首先我们了解一下,Js中有哪些数据类型。

基本数据类型:Undefined、Null、Boolean、Number、String、Symbol、BigInt。

引用数据类型:Arrary,普通对象,date(),正则,函数


隐式转换和显式转换



隐式转换:通常包括有数学运算(+-*/),isNaN(),==比较

显示转换:Boolean()、Number()、String()等


其他类型值转换为数字



Number([val])


  1. 字符串转化为数字,空字符串是0,如果出现任何非有效数字,结果是NaN
  2. true -> 1 false-> 0
  3. null -> 0 undefined -> NaN
  4. symbol不能转化为数字,会报错
  5. BigInt会去除n
  6. 对象转化为数字
  • 先调用Symbol.toPrimitive方法,如果不存在这个方法
  • 再调用对象的valueOf获取原始值,如果获取的值不是原始值
  • 再调用toString把其变成字符串
  • 最后再把字符串基于Number方法转化为数字


parseInt([val],[radix])


  • [ val ]必须是字符串,如果不是,要先隐式转换为字符串 String([val])
  • [ radix ]进制
  • 如果不写,或者写零:默认是10(特殊情况:如果字符串是0x开始的,默认是16进制)
  • 有效范围:2~36之间,如果不在这个区间,结果直接是NaN
  • 从[ val ]字符串左侧第一个字符开始查找,查找出符合[radix]进制的值(遇到不符合的则直接结束查找,不论后面是否还有符合的);把找到的内容,按照[radix]进制,转换为10进制!


其他类型值转换为字符串



String([val])和[val].toString()


String([val])会经历严格的三个步骤,最后不一定变成字符串

  • 先调用Symbol.toPrimitive方法,如果不存在这个方法
  • 再调用对象的valueOf获取原始值,如果获取的值不是原始值
  • 再调用toString把其变成字符串


[val].toString()


[val].toString()一定会转换成字符串。它和String()的区别是String()会调用对象中的valueOf()方法,从而返回的可能不是一个字符串。

+

+ 出现在左右两边,其中一边是字符串,或者是某些对象,会以字符串拼接开始处理,其他情况都是数学运算。


其他值到布尔类型的值的转换规则



以下这些是假值:

• undefined

• null

• false

• +0、-0 和 NaN

• ""


假值的布尔强制类型转换结果为 false。从逻辑上说,假值列表以外的都应该是真值。


小试牛刀



第一题


let res = 100 + true + 21.2 + null + undefined + "Tencent" + [] + null + 9 + false
console.log(res)


首先 100 + true没有遇到字符串或者对象,是数学运算,true会转化成1,结果是101。 101 + 21.2是122.2. 122.2 + null还是122.2。undefined转为数字,是NaN,任何数加NaN都是NaN。所以122.2 + undefined会变成NaN。从此之后,都会变成了字符串拼接了,NaNTencent + []。[]变成空字符串,null变成"null",9变成"9",false变成"false"。

所以最终输出NaNTencentnull9false

image.png


第二题


let arr = [27.2, 0, '0013', '14px', 123];
arr = arr.map(parseInt)
console.log(arr)


前置知识 map遍历会有两个参数map((item,index)=>{}),分别是当前项和索引值,这两个参数会传入paseInt里面,相当于我们要计算以下值的结果


parseInt(27.2,0)
parseInt(0,1)
parseInt('0013',2)
parseInt('14px',3)
parseInt('123',4)


第一个,我们已经说了,如果第二个参数不写或者是0,默认都是10进制。先转换为字符串,然后就输出了27。

第二个,radix的范围是2~36,1不在这个范围,直接是NaN

第三个,'0013'中二进制只有'001',转换成10进制直接输出1

第四个,'14px'变成三进制,有效的是'1',对应的10进制输出是1

第五个,'123'变成了四进制,都是有效的,所以输出对应的10进制是3 + 24 + 14^2 = 27


image.png


小知识



isNaN 和 Number.isNaN 函数的区别


NaN(not a number)意味着它不是一个数字,但是typeof NaN 是number。NaN是一个特殊值,它和自身不相等

isNaN()函数在判断是否为NaN时,需要先进行数据类型转换,只有在无法转换为数字时才会返回true

Number.isNaN()函数在判断是否为NaN时,只需要判断传入的值是否为NaN不会进行数据类型转换。


image.png


目录
相关文章
|
8月前
|
C++
有趣的动态转换
有趣的动态转换
|
2月前
|
编译器 C++
47不同类型数据间的转换
47不同类型数据间的转换
5 0
|
9月前
字符串的转化规则?
null和 undefined类型 ,null 转换为 “null”,undefined 转换为 “undefined”,
|
11月前
|
C语言 C++
C++——数据类型之间的转换
C++——数据类型之间的转换
|
前端开发 程序员 C#
【C#】通过扩展对象的方式,对字符串等数据类型进行数据进一步处理
在本篇文章中,我们讲一起了解下对象扩展的使用 在实际项目开发中,对象扩展使用的场景还是挺多的,比如:需要对时间值进行再处理,或者字符串中的斜杠(/)转为反斜杠(\)
92 0
|
存储 程序员 C语言
如何进行C++动态转换
如何进行C++动态转换
如何进行C++动态转换
|
JavaScript 前端开发 算法
从规范的角度解析对象 — 原始值转换
从规范的角度解析对象 — 原始值转换
105 0
从规范的角度解析对象 — 原始值转换
关系,属性,域,元组,码,分量,关系模式
试述关系模型的概念,定义并解释以下术语:关系,属性,域,元组,码,分量,关系模式。 关系模型由关系数据结构、关系操作集合和关系完整性约束三部分组成。在用户观点下,关系模型中数据的逻辑结构是一张二维表,它由行和列组成。 (l)关系:一个关系对应通常说的一张表 (2)属性:表中的一列即为一个属性 (3)域:属性的取值范围 (4)元组:表中的一行即为一个元组 (5)主码:表中的某个属性组,它可以惟一确定一个元组 (6)分量:元组中的一个属性值 (7)关系模式:对关系的...
363 0
ETL(九):同构关联(源限定符转换组件的使用)(三)
ETL(九):同构关联(源限定符转换组件的使用)(三)
ETL(九):同构关联(源限定符转换组件的使用)(三)
ETL(九):同构关联(源限定符转换组件的使用)(五)
ETL(九):同构关联(源限定符转换组件的使用)(五)
ETL(九):同构关联(源限定符转换组件的使用)(五)