您现在的位置是:首页 > 编程语言学习 > 后端编程语言 > 文章正文 后端编程语言

lodash里to系列之将数据转换成数字类型实现示例

2022-08-25 09:57:47 后端编程语言

简介在lodash里的to系列里,将目标数据转换为数字类型的数据的方法,包括了toNumber方法、toFinit方法、toInteger方法,toSafeInteger方法,下...

在lodash里的to系列里,将目标数据转换为数字类型的数据的方法,包括了toNumber方法、toFinit方法、toInteger方法,toSafeInteger方法,下面来看看各个方法的使用和实现。

toNumber

toNumber方法主要是将参数value转换为一个数字类型。

使用如下:

  1. toNumber(3.2) 
  2. // => 3.2 
  3. toNumber(Number.MIN_VALUE) 
  4. // => 5e-324 
  5. toNumber(Infinity) 
  6. // => Infinity 
  7. toNumber('3.2'
  8.  // => 3.2 

toNumber方法在实现上借助了内部封装的is系列方法,主要是isObject方法和isSymbol方法。

实现上借助typeof,具体处理如下:

对于数据类型直接返回参数。对于symbol类型直接返回NaN。对于对象类型,分两种情况处理。如果参数原型链上存在valueOf方法,直接调用其返回结果供后续处理。如果参数原型链上不存在valueOf方法,直接转换成字符串类型供后续处理。对于非字符串类型的,调用隐式转换。对于其他类型的,会进行正则匹配处理数据格式,reTrim是去除空格,reIsBadHex是去除十六进制,reIsBinary是去除二进制,reIsOctal是去除八进制。对于二进制和八进制的字符串会调用原生的parseInt方法将参数转换为相应的进制数。而对于十六进制则返回NaN,否则调用隐式转换。

源码如下:

  1. import isObject from './isObject.js' 
  2. import isSymbol from './isSymbol.js' 
  3. const NAN = 0 / 0 
  4. const reTrim = /^\s+|\s+$/g 
  5. const reIsBadHex = /^[-+]0x[0-9a-f]+$/i 
  6. const reIsBinary = /^0b[01]+$/i 
  7. const reIsOctal = /^0o[0-7]+$/i 
  8. const freeParseInt = parseInt 
  9. function toNumber(value) { 
  10.   if (typeof value === 'number') { 
  11. return value 
  12.   } 
  13.   if (isSymbol(value)) { 
  14. return NAN 
  15.   } 
  16.   if (isObject(value)) { 
  17. const other = typeof value.valueOf === 'function' ? value.valueOf() : value 
  18. value = isObject(other) ? `${other}` : other 
  19.   } 
  20.   if (typeof value !== 'string') { 
  21. return value === 0 ? value : +value 
  22.   } 
  23.   value = value.replace(reTrim, ''
  24.   const isBinary = reIsBinary.test(value) 
  25.   return (isBinary || reIsOctal.test(value)) 
  26. ? freeParseInt(value.slice(2), isBinary ? 2 : 8) 
  27. : (reIsBadHex.test(value) ? NAN : +value) 

toFinit

toFinit方法主要是将参数value转换为一个有限的数字。

使用如下:

  1. toFinite(3.2) 
  2. // => 3.2 
  3. toFinite(Number.MIN_VALUE) 
  4. // => 5e-324 
  5. toFinite(Infinity) 
  6. // => 1.7976931348623157e+308 
  7. toFinite('3.2'
  8. // => 3.2 

toFinit方法实现上借助toNumber方法,具体处理如下:

对于不存在的参数会直接返回参数,0的话返回0。其次调用toNumber方法转换参数,再通过if判断匹配INFINITY值,将其返回对应的MAX_INTEGER。

源码如下:

  1. import toNumber from './toNumber.js' 
  2. const INFINITY = 1 / 0 
  3. const MAX_INTEGER = 1.7976931348623157e+308 
  4. function toFinite(value) { 
  5.   if (!value) { 
  6. return value === 0 ? value : 0 
  7.   } 
  8.   value = toNumber(value) 
  9.   if (value === INFINITY || value === -INFINITY) { 
  10. const sign = (value < 0 ? -1 : 1) 
  11. return sign * MAX_INTEGER 
  12.   } 
  13.   return value === value ? value : 0 

toInteger

toInteger方法主要是将参数value转换为一个整数。

使用如下:

  1. toInteger(3.2) 
  2. // =&gt; 3 
  3. toInteger(Number.MIN_VALUE) 
  4. // =&gt; 0 
  5. toInteger(Infinity) 
  6. // =&gt; 1.7976931348623157e+308 
  7. toInteger('3.2'
  8. // =&gt; 3 

实现上借助toFinite方法,首先调用toInteger方法将参数转换为有限的值,然后通过取模操作获取小数部分,然后取差值。

源码如下:

  1. import toFinite from './toFinite.js' 
  2. function toInteger(value) { 
  3.   const result = toFinite(value) 
  4.   const remainder = result % 1 
  5.   return remainder ? result - remainder : result 
  6. export default toInteger 

toSafeInteger

toSafeInteger方法主要是将参数value转换为安全整数,安全整数可以用于比较和准确的表示。

使用如下:

  1. toSafeInteger(3.2) 
  2. // => 3 
  3. toSafeInteger(Number.MIN_VALUE) 
  4. // => 0 
  5. toSafeInteger(Infinity) 
  6. // => 9007199254740991 
  7. toSafeInteger('3.2'
  8. // => 3 

toSafeInteger方法在实现上主要通过toInteger方法,同样的,对于不存在的参数直接返回参数,而0则返回0。对于小于最小安全数MAX_SAFE_INTEGER则返回MAX_SAFE_INTEGER,值都将限制在[-MAX_SAFE_INTEGER,MAX_SAFE_INTEGER]的区间。

源码如下:

  1. import toInteger from './toInteger.js' 
  2. const MAX_SAFE_INTEGER = 9007199254740991 
  3. function toSafeInteger(value) { 
  4.   if (!value) { 
  5. return value === 0 ? value : 0 
  6.   } 
  7.   value = toInteger(value) 
  8.   if (value < -MAX_SAFE_INTEGER) { 
  9. return -MAX_SAFE_INTEGER 
  10.   } 
  11.   if (value > MAX_SAFE_INTEGER) { 
  12. return MAX_SAFE_INTEGER 
  13.   } 
  14.   return value 
  15. export default toSafeInteger 

小结

本篇章我们了解了toNumber、toFinit、toInteger以及toSafeInteger四个方法,在实现上依次借助调用实现。

toNumber方法是其他方法的核心,其他方法是toNumber方法的拓展。toNumber方法的核心是isObject和isSymbol两个判断方法。

相关文章

站点信息