lodash里to系列之将数据转换成数字类型实现示例详解
导读这篇文章主要为大家介绍了lodash里to系列之将数据转换成数字类型实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪正文在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.2toNumber方法在实现上借助了内部封装的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+$/i
const reIsBinary = /^0b+$/i
const reIsOctal = /^0o+$/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.2toFinit方法实现上借助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 toIntegertoSafeInteger
toSafeInteger方法主要是将参数value转换为安全整数，安全整数可以用于比较和准确的表示。
使用如下：
toSafeInteger(3.2)
// => 3
toSafeInteger(Number.MIN_VALUE)
// => 0
toSafeInteger(Infinity)
// => 9007199254740991
toSafeInteger('3.2')
// => 3toSafeInteger方法在实现上主要通过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两个判断方法。
原文来自：
http://blog.itpub.net/69955379/viewspace-2913727/
页:
[1]