devbox
小舞很执着
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

lodash源码分析之Number_lodash hex转num

作者：小舞很执着 | 2024-07-13 06:57:00

赞

踩

lodash hex转num

一、lodash版本：4.17.5

二、函数：

     1、clamp

          1）定义：clamp(number,   [lower],    upper)

          2) 作用：返回加紧的数字。

          3) 例子。

  1. const _ = require('lodash');
  2.  
  3.  
  4. console.log(_.clamp(10, 1, 20)); // 输出：10
  5.  
  6. console.log(_.clamp(10, 5, -9)); // 输出：5
  7.  
  8. console.log(_.clamp(1, 15, 2)); // 输出：15
  9.  
  10. console.log(_.clamp(1, '', 2)); // 输出：1
  11.  
  12. console.log(_.clamp(10, '', '')); // 输出：0
  13.  
  14. console.log(_.clamp(2, '', 1)); // 输出：1
  15.  
  16. console.log(_.clamp('', 2, 10)); // 输出：1

           4) 源码及解读。

           源码：

  1. function clamp(number, lower, upper) {
  2.  
  3.   number = +number
  4.  
  5.   lower = +lower
  6.  
  7.   upper = +upper
  8.  
  9.   lower = lower === lower ? lower : 0
  10.  
  11.   upper = upper === upper ? upper : 0
  12.  
  13.   if (number === number) {
  14.  
  15.     number = number <= upper ? number : upper
  16.  
  17.     number = number >= lower ? number : lower
  18.  
  19.   }
  20.   return number
  21. }

       解读： 前面三行将number、lower和upper强制转换为数字类型，防止传入不是数字类型。接着判断lower和upper是否为空，如果不为空就是数值本身，不然就置为0。接着将number和upper进行对比，取两者的最小值。接着拿最小值与lower对比，取最大者。

  1. console.log(clamp(-10, -5, 5)); // 输出：5
  2.  
  3. console.log(clamp('', '', 5)); // 输出：0
  4.  
  5. console.log(clamp('', 10, 5)); // 输出：10

     2、inRange

           1）定义：inRange(number,   [start = 0],    end)

           2) 作用：判断某个数是否在区间中。如果结尾数没有指定，而起始数指定了，那么起始数将会是0.如果起始数字比结尾数字大，那么将调换大小，以负数来进行对比。

           3) 例子。

  1. const _ = require('lodash');
  2.  
  3. console.log(_.inRange(3, 2, 4)); // 输出：true
  4.  
  5. console.log(_.inRange(3, 10, 4)); // 输出：false
  6.  
  7. console.log(_.inRange(2, 4)); // 输出：true
  8.  
  9. console.log(_.inRange(1, 1)); // 输出：false
  10.  
  11. console.log(_.inRange('', 1, 4)); // 输出：false
  12.  
  13. console.log(_.inRange('', 10, 4)); // 输出：false
  14.  
  15. console.log(_.inRange(4, '', 10)); // 输出：false
  16.

           4) 源码解析。

           源码：

  1. function inRange(number, start, end) {
  2.  
  3.   if (end === undefined) {
  4.  
  5.     end = start
  6.  
  7.     start = 0
  8.   }
  9.   return baseInRange(+number, +start, +end)
  10. }
  11.  
  12. function baseInRange(number, start, end) {
  13.  
  14.   return number >= Math.min(start, end) && number < Math.max(start, end)
  15.  
  16. }

          解读：在inRange中，第一个if语句中，如果end是空，那么end值设置为start值，start设置为0。例如：

console.log(inRange(3, 2, 4)); // 输出：true

           接着调用baseInRange函数，接着判断numer是否是start和end之间的数值。如果是，将返回true，否则返回false。例如：

console.log(inRange(3, 2, 4)); // 输出：true

      3、random

          1）定义：random([lower=0],   [upper= 1],    [floating])

          2)  作用：产生一个随机数。

          3)  例子。

  1. const _ = require('lodash');
  2.  
  3. console.log(_.random(0, 10)); // 输出：0
  4.  
  5. console.log(_.random(0.1, 1)); // 输出：0.9526370972902614
  6.  
  7. console.log(_.random(0.1, 1.2)); // 输出：1.0932071628590456
  8.  
  9. console.log(_.random(1, 10, 2.1)); // 输出：4.432399748336776
  10.  
  11. console.log(_.random(1, true)); // 输出：0.5950723974122696
  12.  
  13. console.log(_.random(5)); // 输出：3

          4）源码解析。

          源码：

  1. function random(lower, upper, floating) {
  2.  
  3.   if (floating === undefined) {
  4.  
  5.     if (typeof upper == 'boolean') {
  6.  
  7.       floating = upper
  8.  
  9.       upper = undefined
  10.  
  11.     }
  12.  
  13.     else if (typeof lower == 'boolean') {
  14.  
  15.       floating = lower
  16.  
  17.       lower = undefined
  18.  
  19.     }
  20.  
  21.   }
  22.  
  23.   if (lower === undefined && upper === undefined) {
  24.  
  25.     lower = 0
  26.  
  27.     upper = 1
  28.  
  29.   }
  30.  
  31.   else {
  32.  
  33.     lower = toFinite(lower)
  34.  
  35.     if (upper === undefined) {
  36.  
  37.       upper = lower
  38.  
  39.       lower = 0
  40.  
  41.     } else {
  42.  
  43.       upper = toFinite(upper)
  44.  
  45.     }
  46.  
  47.   }
  48.  
  49.   if (lower > upper) {
  50.  
  51.     const temp = lower
  52.  
  53.     lower = upper
  54.  
  55.     upper = temp
  56.  
  57.   }
  58.  
  59.   if (floating || lower % 1 || upper % 1) {
  60.  
  61.     const rand = Math.random()
  62.  
  63.     const randLength = `${rand}`.length - 1
  64.  
  65.     return Math.min(lower + (rand * (upper - lower + freeParseFloat(`1e-${randLength}`)), upper))
  66.  
  67.   }
  68.  
  69.   return lower + Math.floor(Math.random() * (upper - lower + 1))
  70.  
  71. }
  72.  
  73.  
  74.  
  75.  
  76.  
  77. function toFinite(value) {
  78.  
  79.   if (!value) {
  80.  
  81.     return value === 0 ? value : 0
  82.  
  83.   }
  84.  
  85.   value = toNumber(value)
  86.  
  87.   if (value === INFINITY || value === -INFINITY) {
  88.  
  89.     const sign = (value < 0 ? -1 : 1)
  90.  
  91.     return sign * MAX_INTEGER
  92.  
  93.   }
  94.  
  95.   return value === value ? value : 0
  96.  
  97. }
  98.  
  99.  
  100.  
  101. function toNumber(value) {
  102.  
  103.   if (typeof value == 'number') {
  104.  
  105.     return value
  106.  
  107.   }
  108.  
  109.   if (isSymbol(value)) {
  110.  
  111.     return NAN
  112.  
  113.   }
  114.  
  115.   if (isObject(value)) {
  116.  
  117.     const other = typeof value.valueOf == 'function' ? value.valueOf() : value
  118.  
  119.     value = isObject(other) ? `${other}` : other
  120.  
  121.   }
  122.  
  123.   if (typeof value != 'string') {
  124.  
  125.     return value === 0 ? value : +value
  126.  
  127.   }
  128.  
  129.   value = value.replace(reTrim, '')
  130.  
  131.   const isBinary = reIsBinary.test(value)
  132.  
  133.   return (isBinary || reIsOctal.test(value))
  134.  
  135.     ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
  136.  
  137.     : (reIsBadHex.test(value) ? NAN : +value)
  138.  
  139. }
  140.  
  141.  
  142.  
  143.  
  144.  
  145. function toNumber(value) {
  146.  
  147.   if (typeof value == 'number') {
  148.  
  149.     return value
  150.  
  151.   }
  152.  
  153.   if (isSymbol(value)) {
  154.  
  155.     return NAN
  156.  
  157.   }
  158.  
  159.   if (isObject(value)) {
  160.  
  161.     const other = typeof value.valueOf == 'function' ? value.valueOf() : value
  162.  
  163.     value = isObject(other) ? `${other}` : other
  164.  
  165.   }
  166.  
  167.   if (typeof value != 'string') {
  168.  
  169.     return value === 0 ? value : +value
  170.  
  171.   }
  172.  
  173.   value = value.replace(reTrim, '')
  174.  
  175.   const isBinary = reIsBinary.test(value)
  176.  
  177.   return (isBinary || reIsOctal.test(value))
  178.  
  179.     ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
  180.  
  181.     : (reIsBadHex.test(value) ? NAN : +value)
  182.  
  183. }

      解读：

      1）首先的if判断floating是否为空，如果为空接着判断最大值和最小值是否为布尔类型。如果有一方为布尔值，那么将该布尔值赋值给floating，然后将lower或者upper置为空。

      2）第二个if表达式判断lower和upper是否同时为空，如果同时为空，就置为0和1；

      3）如果lower或者upper又一个不为空，那么将判断最小是否为有限数。如果不是有限数，将其转换为有限数，否则保留数值本身。

      4）接着判断upper的值，代码如下：

  1. if (upper === undefined) {
  2.  
  3.   upper = lower
  4.  
  5.   lower = 0
  6.  
  7. } else {
  8.  
  9.   upper = toFinite(upper)
  10.  
  11. }

      如果upper为空，那么将lower设置为upper，然后lower设置为0.否则判断upper是否为有限数。

      5）然后判断lower是否大于upper，如果是，则调换双方的数值。代码如下所示：

  1. if (lower > upper) {
  2.  
  3.   const temp = lower
  4.  
  5.   lower = upper
  6.  
  7.   upper = temp
  8.  
  9. }

      6）如果floating存在或者lower大于1或者upper大于1，那么产生随时数。

      7）否则利用lower产生随机数。代码如下所示。

  1. if (floating || lower % 1 || upper % 1) {
  2.  
  3.   const rand = Math.random()
  4.  
  5.   const randLength = `${rand}`.length - 1
  6.  
  7.   return Math.min(lower + (rand * (upper - lower + freeParseFloat(`1e-${randLength}`)), upper))
  8.  
  9. }
  10.  
  11. return lower + Math.floor(Math.random() * (upper - lower + 1))

欢迎纠错，共同进步。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小舞很执着/article/detail/818153
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号