lodash裡to系列之將數據轉換成數字類型實現示例

Posted on by

正文

在lodash裡的to系列裡，將目標數據轉換為數字類型的數據的方法，包括瞭toNumber方法、toFinit方法、toInteger方法，toSafeInteger方法，下面來看看各個方法的使用和實現。

toNumber

toNumber方法主要是將參數value轉換為一個數字類型。

使用如下：

toNumber(3.2)
// => 3.2
toNumber(Number.MIN_VALUE)
// => 5e-324
toNumber(Infinity)
// => Infinity
toNumber('3.2')
 // => 3.2

toNumber方法在實現上借助瞭內部封裝的is系列方法，主要是isObject方法和isSymbol方法。

實現上借助typeof，具體處理如下：

  • 對於數據類型直接返回參數。
  • 對於symbol類型直接返回NaN。
  • 對於對象類型，分兩種情況處理。
    • 如果參數原型鏈上存在valueOf方法，直接調用其返回結果供後續處理。
    • 如果參數原型鏈上不存在valueOf方法，直接轉換成字符串類型供後續處理。
  • 對於非字符串類型的，調用隱式轉換。
  • 對於其他類型的，會進行正則匹配處理數據格式，reTrim是去除空格，reIsBadHex是去除十六進制，reIsBinary是去除二進制，reIsOctal是去除八進制。
  • 對於二進制和八進制的字符串會調用原生的parseInt方法將參數轉換為相應的進制數。而對於十六進制則返回NaN，否則調用隱式轉換。

源碼如下：

import isObject from './isObject.js'
import isSymbol from './isSymbol.js'
const NAN = 0 / 0
const reTrim = /^\s+|\s+$/g
const reIsBadHex = /^[-+]0x[0-9a-f]+$/i
const reIsBinary = /^0b[01]+$/i
const reIsOctal = /^0o[0-7]+$/i
const freeParseInt = parseInt
function toNumber(value) {
  if (typeof value === 'number') {
    return value
  }
  if (isSymbol(value)) {
    return NAN
  }
  if (isObject(value)) {
    const other = typeof value.valueOf === 'function' ? value.valueOf() : value
    value = isObject(other) ? `${other}` : other
  }
  if (typeof value !== 'string') {
    return value === 0 ? value : +value
  }
  value = value.replace(reTrim, '')
  const isBinary = reIsBinary.test(value)
  return (isBinary || reIsOctal.test(value))
    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
    : (reIsBadHex.test(value) ? NAN : +value)
}

toFinit

toFinit方法主要是將參數value轉換為一個有限的數字。

使用如下：

toFinite(3.2)
// => 3.2
toFinite(Number.MIN_VALUE)
// => 5e-324
toFinite(Infinity)
// => 1.7976931348623157e+308
toFinite('3.2')
// => 3.2

toFinit方法實現上借助toNumber方法，具體處理如下：

  • 對於不存在的參數會直接返回參數，0的話返回0。
  • 其次調用toNumber方法轉換參數，再通過if判斷匹配INFINITY值，將其返回對應的MAX_INTEGER。

源碼如下：

import toNumber from './toNumber.js'
const INFINITY = 1 / 0
const MAX_INTEGER = 1.7976931348623157e+308
function toFinite(value) {
  if (!value) {
    return value === 0 ? value : 0
  }
  value = toNumber(value)
  if (value === INFINITY || value === -INFINITY) {
    const sign = (value < 0 ? -1 : 1)
    return sign * MAX_INTEGER
  }
  return value === value ? value : 0
}

toInteger

toInteger方法主要是將參數value轉換為一個整數。

使用如下：

toInteger(3.2)
// =&gt; 3
toInteger(Number.MIN_VALUE)
// =&gt; 0
toInteger(Infinity)
// =&gt; 1.7976931348623157e+308
toInteger('3.2')
// =&gt; 3

實現上借助toFinite方法，首先調用toInteger方法將參數轉換為有限的值，然後通過取模操作獲取小數部分，然後取差值。

源碼如下：

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

toSafeInteger

toSafeInteger方法主要是將參數value轉換為安全整數，安全整數可以用於比較和準確的表示。

使用如下：

 toSafeInteger(3.2)
 // => 3
 toSafeInteger(Number.MIN_VALUE)
 // => 0
 toSafeInteger(Infinity)
 // => 9007199254740991
 toSafeInteger('3.2')
 // => 3

toSafeInteger方法在實現上主要通過toInteger方法，同樣的，對於不存在的參數直接返回參數，而0則返回0。對於小於最小安全數MAX_SAFE_INTEGER則返回MAX_SAFE_INTEGER，值都將限制在[-MAX_SAFE_INTEGER,MAX_SAFE_INTEGER]的區間。

源碼如下：

import toInteger from './toInteger.js'
const MAX_SAFE_INTEGER = 9007199254740991
function toSafeInteger(value) {
  if (!value) {
    return value === 0 ? value : 0
  }
  value = toInteger(value)
  if (value < -MAX_SAFE_INTEGER) {
    return -MAX_SAFE_INTEGER
  }
  if (value > MAX_SAFE_INTEGER) {
    return MAX_SAFE_INTEGER
  }
  return value
}
export default toSafeInteger

小結

本篇章我們瞭解瞭toNumber、toFinit、toInteger以及toSafeInteger四個方法，在實現上依次借助調用實現。

toNumber方法是其他方法的核心，其他方法是toNumber方法的拓展。toNumber方法的核心是isObject和isSymbol兩個判斷方法。

更多關於lodash to數據轉換數字類型的資料請關註WalkonNet其它相關文章！

推薦閱讀：