共计 3088 个字符,预计需要花费 8 分钟才能阅读完成。
导读 | 这篇文章主要为大家介绍了 lodash 里 to 系列之将数据转换成数字类型实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪 |
在 lodash 里的 to 系列里,将目标数据转换为数字类型的数据的方法,包括了 toNumber 方法、toFinit 方法、toInteger 方法,toSafeInteger 方法,下面来看看各个方法的使用和实现。
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,具体处理如下:
源码如下:
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 方法主要是将参数 value 转换为一个有限的数字。
使用如下:
toFinite(3.2)
// => 3.2
toFinite(Number.MIN_VALUE)
// => 5e-324
toFinite(Infinity)
// => 1.7976931348623157e+308
toFinite('3.2')
// => 3.2
toFinit 方法实现上借助 toNumber 方法,具体处理如下:
源码如下:
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
toInteger
toInteger 方法主要是将参数 value 转换为一个整数。
使用如下:
toInteger(3.2)
// => 3
toInteger(Number.MIN_VALUE)
// => 0
toInteger(Infinity)
// => 1.7976931348623157e+308
toInteger('3.2')
// => 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 方法主要是将参数 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}
return value
}
export default toSafeInteger
本篇章我们了解了 toNumber、toFinit、toInteger 以及 toSafeInteger 四个方法,在实现上依次借助调用实现。
toNumber 方法是其他方法的核心,其他方法是 toNumber 方法的拓展。toNumber 方法的核心是 isObject 和 isSymbol 两个判断方法。
![post-qrcode](https://www.xgss.net/wp-content/uploads/2023/07/二维码-微信公众号256x256.jpg)