您现在的位置是:首页 > 编程语言学习 > 后端编程语言 > 文章正文 后端编程语言
lodash里to系列之将数据转换成数字类型实现示例
2022-08-25 09:57:47 后端编程语言
简介在lodash里的to系列里,将目标数据转换为数字类型的数据的方法,包括了toNumber方法、toFinit方法、toInteger方法,toSafeInteger方法,下...
在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)
- // => 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
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两个判断方法。
上一篇:mysql解析json数据组获取数据组所有字段的方法实例
下一篇:最后一页