convertStringToNumber

最新推荐文章于 2023-07-25 21:23:23 发布
最新推荐文章于 2023-07-25 21:23:23 发布
阅读量354 收藏
点赞数
分类专栏： JavaScript js 编程思想
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Elle_Peng/article/details/105748022
版权
本文详述了JavaScript中将字符串转换为数字的过程，包括解析十进制、二进制、八进制和十六进制数字，处理Infinity，以及涉及的符号位、小数点和科学计数法。同时，文章提供了详细的实践步骤和单元测试，讨论了浮点数舍入问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

写在前面

  • 简单记录一下，Javascript parseInt+parseFloat 内部实现，并实现 convertStringToNumber

实践准备

  • 首先我们需要简单梳理一下我们的实现过程，再根据 ECMAScript-262 标准完善实现
  • input: @params: { str } 输入需要转换的字符串, { radix } 转换的指定基数
  • 对 input 的简单处理 StringNumericLiteral
    • 规格化 str
    • StringNumericLiteral BNF
      • 将 str 中可能出现的 StrWhiteSpace 去掉
        • StrWhiteSpace BNF
          • LineTerminator BNF
    • 判断 radix 是否合法，仅支持 Decimal / BinaryInteger / OctalInteger / HexInteger radix
      • Decimal: 10
      • BinaryInteger: 2
      • OctalInteger: 8
      • HexInteger: 16
  • 简单算法处理过程
    • 十进制数
      • StrDecimalLiteral BNF
      • 处理 Infinity 情况
      • 符号位处理
      • 小数点
      • 科学计数法
    • 二进制数
      • BinaryInteger
    • 八进制数
      • OctalInteger
    • 十六进制数
      • HexInteger
  • output: return number

详细实践

  • 根据上面的实践准备
/*
* @params: { str } 输入需要转换的字符串, { radix } 转换的指定基数
* return: number
*/
function convertStringToNumber(str, radix) {
  const noWhiteSpaceStr = replaceWhiteSpaceInStr(str) /** 将 str 中的 whitespace 进行匹配 */
  const checkedRadixStr = formatStrByRadix(str, radix) /** 将 str 根据指定基数进行转换 */
  let resNum = 0
  switch (radix) {
    case 10:
      resNum = converStringToDeciaml(str) /** 将 str 转成十进制 */
      break;
    case 2:
      resNum = converStringToBinaryInteger(str) /** 将 str 转成二进制*/
      break;
    case 8:
      resNum = converStringToOctalInteger(str) /** 将 str 转成八进制*/
      break;
    case 16:
      resNum = converStringToHexIntegers(str) /** 将 str 转成十六进制*/
      break;
    default:
      return NaN
  }
  return resNum
}

  • 将 str 中的 whitespace 进行匹配

    /*
* @params: { str } 输入需要替换的字符串
* return: resStr 无 whitespace 字符串
*/
function replaceWhiteSpaceInStr(str) {
  let resStr = str.replace(/\s*/g, '') // 去除空格
  // resStr = resStr.replace(/^[\u000A|\u000D|\u2028|\u2029]/g, '') // 去除 LineTerminator unicode输入方式
  resStr =  resStr.replace(/[\r|\n]/g, '') // 去除换行
  return resStr
}
    • 单元测试
      • 单元测试截图

  • 将 str 根据指定基数进行转换

    /*
* @params: { str } 输入需要替换的字符串, { radix } 转换的指定基数
* return: resStr 根据指定基数转换过得字符串
*/
function formatStrByRadix(str, radix) {
  let resStr = ''
  let testReg = null
  switch (radix) {
    case 10:
      testReg = /^((0)|([1-9][0-9]*))?.?([0-9]*)((e|E)?(\+|\-)?([0-9]*))?/
      break;
    case 2:
      // 根据 ECMA-262 是 /^0(b|B)(0|1)+$/
      // 但是我在 Chrome 浏览器上测了，二进制没有 'b' or 'B'
      testReg = /^(0|1)+/
      break;
    case 8:
      // 根据 ECMA-262 是 /^0(O|o)[0-7]+$/
      // 但是我在 Chrome 浏览器上测了，二进制没有 'o' or 'O'
      testReg = /^[0-7]+/
      break;
    case 16:
      // 根据 ECMA-262 是 /^0(x|X)([0-9a-fA-F])+/
      // 但是我在 Chrome 浏览器自测中发现，没有表示符 'x' or 'X'也可
      testReg = /^0(x|X)?([0-9a-fA-F])+/
      break;
    default:
      console.log(`radix: ${radix}, str:  ${str} illegal radix`)
      return false
  }
  resStr = (testReg.exec(str) && testReg.exec(str)['0']) || 'convert fail'
  console.log(`radix: ${radix}, ${str} --> resStr: `, resStr)
}
formatStrByRadix('001010101', 3)
formatStrByRadix('001010101', 2)
formatStrByRadix('001010101', 8)
formatStrByRadix('0b01010101', 2)
formatStrByRadix('012345677', 8)
formatStrByRadix('012345677', 2)
formatStrByRadix('0o12345677', 8)
formatStrByRadix('1.01E+23', 10)
formatStrByRadix('.012345677', 10)
formatStrByRadix('.012345677', 10)
formatStrByRadix('0123acfACF', 16)
formatStrByRadix('0x123acfACF', 16)
formatStrByRadix('0x123acfACFG', 16)
    • 单元测试
      • 单元测试

  • 根据指定基数进行相应算法转换

    • 二进制：

      
// 将 str 转成二进制
function converStringToBinaryInteger(str, radix) {
  return strMultipleRadix(str, radix)
}

/*
* @params: { str } 输入需要替换的字符串, { radix } 转换的指定基数
* return: resStr 乘以指定基数转换过得字符串
*/
function strMultipleRadix(str, radix) {
  let tempStrArr = str.split('')
  let res = 0
  for (let i = tempStrArr.length - 1; i > 0; i --) {
    res += (tempStrArr[i].codePointAt(0) - '0'.codePointAt(0)) * Math.pow(radix, tempStrArr.length - i - 1)
  }
  return res
}
converStringToBinaryInteger('001010101', 2)
      • 单元测试
        • 单元测试截图

    • 八进制

      • 同上

        // 将 str 转成八进制
function converStringToBinaryInteger(str, radix) {
  return strMultipleRadix(str, radix)
}

/*
* @params: { str } 输入需要替换的字符串, { radix } 转换的指定基数
* return: resStr 乘以指定基数转换过得字符串
*/
function strMultipleRadix(str, radix) {
  let tempStrArr = str.split('')
  let res = 0
  for (let i = tempStrArr.length - 1; i > 0; i --) {
    res += (tempStrArr[i].codePointAt(0) - '0'.codePointAt(0)) * Math.pow(radix, tempStrArr.length - i - 1)
  }
  return res
}
converStringToBinaryInteger('001010101', 2)

      • 单元测试

        • 单元测试截图

    • 十六进制

      • 需要对 a-f A-F 进行判断，别忘了+10

          // 将 str 转成十六进制
  function converStringToBinaryInteger(str, radix) {
    return strMultipleRadix(str, radix)
  }

  /*
  * @params: { str } 输入需要替换的字符串, { radix } 转换的指定基数
  * return: resStr 乘以指定基数转换过得字符串
  */
  function strMultipleRadix(str, radix) {
    let tempStrArr = str.split('')
    let res = 0
    for (let i = tempStrArr.length - 1; i > 0; i--) {
      if (radix === 16) {
        if ((tempStrArr[i].codePointAt(0) - '0'.codePointAt(0) >= 0) && (tempStrArr[i].codePointAt(0) - '0'.codePointAt(0) < 10)) {
          res += (tempStrArr[i].codePointAt(0) - '0'.codePointAt(0)) * Math.pow(radix, tempStrArr.length - i - 1)
        } else if ((tempStrArr[i].codePointAt(0) - 'a'.codePointAt(0) >= 0) && (tempStrArr[i].codePointAt(0) - 'a'.codePointAt(0) < 6)) {
          console.log('(tempStrArr[i].codePointAt(0)a', tempStrArr[i].codePointAt(0) - 'a'.codePointAt(0))
          res += (tempStrArr[i].codePointAt(0) - 'a'.codePointAt(0) + 10) * Math.pow(radix, tempStrArr.length - i - 1)
        } else if ((tempStrArr[i].codePointAt(0) - 'A'.codePointAt(0) >= 0) && (tempStrArr[i].codePointAt(0) - 'A'.codePointAt(0) < 6)) {
          console.log('(tempStrArr[i].codePointAt(0)A', tempStrArr[i].codePointAt(0) - 'A'.codePointAt(0))
          res += (tempStrArr[i].codePointAt(0) - 'A'.codePointAt(0) + 10) * Math.pow(radix, tempStrArr.length - i - 1)
        }
      } else {
        res += (tempStrArr[i].codePointAt(0) - '0'.codePointAt(0)) * Math.pow(radix, tempStrArr.length - i - 1)
      }
    }
    return res
  }
  console.log(converStringToBinaryInteger('001010101', 16))
  console.log(converStringToBinaryInteger('00101acfAFF', 16))

      • 单元测试

        • 单元测试截图

  • 最终二/八/十六进制根据指定基数进行相应算法转换方法为：

    	/*
  * @params: { str } 输入需要替换的字符串, { radix } 转换的指定基数
  * return: resStr 乘以指定基数转换过得字符串
  */
  function strMultipleRadix(str, radix) {
    let tempStrArr = str.split('')
    let res = 0
    for (let i = tempStrArr.length - 1; i > 0; i--) {
      if (radix === 16) {
        if ((tempStrArr[i].codePointAt(0) - '0'.codePointAt(0) >= 0) && (tempStrArr[i].codePointAt(0) - '0'.codePointAt(0) < 10)) {
          res += (tempStrArr[i].codePointAt(0) - '0'.codePointAt(0)) * Math.pow(radix, tempStrArr.length - i - 1)
        } else if ((tempStrArr[i].codePointAt(0) - 'a'.codePointAt(0) >= 0) && (tempStrArr[i].codePointAt(0) - 'a'.codePointAt(0) < 6)) {
          res += (tempStrArr[i].codePointAt(0) - 'a'.codePointAt(0) + 10) * Math.pow(radix, tempStrArr.length - i - 1)
        } else if ((tempStrArr[i].codePointAt(0) - 'A'.codePointAt(0) >= 0) && (tempStrArr[i].codePointAt(0) - 'A'.codePointAt(0) < 6)) {
          res += (tempStrArr[i].codePointAt(0) - 'A'.codePointAt(0) + 10) * Math.pow(radix, tempStrArr.length - i - 1)
        }
      } else {
        res += (tempStrArr[i].codePointAt(0) - '0'.codePointAt(0)) * Math.pow(radix, tempStrArr.length - i - 1)
      }
    }
    return res
  }

转换成十进制

  • 实践思路

    1. 判断正负符号位
    2. 判断是否为 Infinity
    3. 判断是否为 整数
      1. 整数
        1. 是否为科学计数法表示
          1. 是，通过指数位置分成两部分：整数部分+指数部分
          2. 否，只需处理整数部分
      2. 小数
        1. 是否为科学计数法表示
          1. 是，通过分割成小数点到指数，分成三部分：整数部分+小数部分+指数部分
          2. 否，通过小数点位置，分成两部分：整数部分+小数部分

  • 代码大致为：

  function converStringToDeciaml(str) {
    // console.log('str-=-=--=-==-=', str)
    const sign = getSign(str)
    const strFormatBySign = formatStrBySign(str)
    if (isInfinity(strFormatBySign)) return (1 / 0) * sign // 如果为 Inifity,乘以符号位输出Infinity
    const numberObject = splitStr(strFormatBySign)
    const {int, float, exponentSign, exponent} = numberObject
    // console.log('numberObject', numberObject)
    const resInt = calculateInt(int) // 计算整数部分
    // console.log('resInt', resInt)
    const resFloat = calculateFloat(float) // 计算小数部分
    // console.log('resFloat', resFloat)
    const resExponent = calculateExponent(resInt, resFloat, exponentSign, exponent) // 计算（整数+小数）*  指数部分
    const res = sign * resExponent // 最后乘以符号位
    return res
  }
判断正负，并根据符号位格式化字符串

  // 获取符号位
  function getSign(str) {
    // 如果S的首字符为'-'
    if(str.indexOf('-') == 0) { 
      return -1
    }
    return 1
  }
根据符号位格式化字符串（移除字符号位）
  // 根据符号位格式化字符串
  function formatStrBySign(str) {
    // 如果 str 的首字符为‘+’或'-'，则移除首字符
    if (str.indexOf('-') == 0 || str.indexOf('+') == 0) {
      str = str.substring(1, str.length)
    }
    return str
  }
判断是否为Infinity
  // 是否为 Infinity
  function isInfinity(str) {
    const testReg = /^Infinity/
    let resReg = testReg.exec(str)
    return resReg && resReg[0]
  }
切割字符串，分成整数+小数+指数位符号+指数部分
  // 切割字符串
  /*
  * @params: { str } 输入需要切割的字符串
  * return: res: Object {
  *   int: 整数位,
  *   float: 小数位,
  *   exponentSign: 指数位符号,
  *   exponent: 指数位
  * }
  */
  function splitStr(str) {
    const testReg = /^((0)|([1-9][0-9]*))?.?([0-9]*)(e|E)?((\+|\-)?([0-9]*))?/
    let resReg = testReg.exec(str)
    let res = {
      int: resReg['1'] || 0,
      float: resReg['4'] || 0,
      exponentSign: resReg['7'] || '+',
      exponent: resReg['8'] || 0
    }
    return res
  }
整数部分运算

  // 整数部分运算
  function calculateInt(str) {
    let res = 0
    const radix = 10
    for (let i = str.length - 1; i >= 0; i--) {
      res += (str[i].codePointAt(0) - '0'.codePointAt(0)) * Math.pow(radix, str.length - i - 1)
    }
    return res
  }
小数部分运算

  // 小数部分运算
  function calculateFloat(str) {
    let res = 0
    const radix = 10
    for (let i = 0; i < str.length; i++) {
      res += (str[i].codePointAt(0) - '0'.codePointAt(0)) * Math.pow(radix, i * -1)
    }
    return res
  }
指数部分运算

  // 指数部分运算
  function calculateExponent(int, float, exponentSign, exponent) {
    // if (float)
    let str = int + 0.1 * float
    const radix = 10
    const exponentInt = calculateInt(exponent)
    if (exponentSign === '+') {
      str = str * Math.pow(radix, exponentInt)
    } else {
      str = str * Math.pow(radix, exponentInt * -1)
    }
    // console.log('Math.abs(str)', Math.abs(str) -  Math.floor(str))
    // // console.log('Number.EPSILON', Number.EPSILON)
    // if (Math.abs(str) -  Math.floor(str)) {
    //   return str.toFixed(1)
    // }
    return str
  }
单元测试
  • 测试用例
  console.log(converStringToDeciaml('1.0e+10'))
  console.log('parseFloat 结果', parseFloat('1.0e+10', 10))
  console.log(converStringToDeciaml('-1.0e+10'))
  console.log('parseFloat 结果', parseFloat('-1.0e+10', 10))
  console.log(converStringToDeciaml('1.012e+10'))
  console.log('parseFloat 结果', parseFloat('1.012e+10', 10))
  console.log(converStringToDeciaml('-1.012e+10'))
  console.log('parseFloat 结果', parseFloat('-1.012e+10', 10))
  console.log(converStringToDeciaml('.012e+10'))
  console.log('parseFloat 结果', parseFloat('.012e+10', 10))
  console.log(converStringToDeciaml('-.012e+10'))
  console.log('parseFloat 结果', parseFloat('-.012e+10', 10))
  console.log(converStringToDeciaml('0.12e+10'))
  console.log('parseFloat 结果', parseFloat('0.12e+10', 10))
  console.log(converStringToDeciaml('-0.12e+10'))
  console.log('parseFloat 结果', parseFloat('-0.12e+10', 10))
  console.log(converStringToDeciaml('1.2e-10'))
  console.log('parseFloat 结果', parseFloat('1.2e-10', 10))
  console.log(converStringToDeciaml('-1.2e-10'))
  console.log('parseFloat 结果', parseFloat('-1.2e-10', 10))
  console.log(converStringToDeciaml('-1.22'))
  console.log('parseFloat 结果', parseFloat('-1.22', 10))
  console.log(converStringToDeciaml('Infinity'))
  console.log('parseFloat 结果', parseFloat('Infinity', 10))
  console.log(converStringToDeciaml('Infinity2222'))
  console.log('parseFloat 结果', parseFloat('Infinity2222', 10))
  console.log(converStringToDeciaml('22Infinity2222'))
  console.log('parseFloat 结果', parseFloat('22Infinity2222', 10))
  • 测试截图
  • 第一部分测试截图
  • 第二部分测试截图

待解决问题

  • 是的 😭 它的浮点数的舍入，我没有想到好的方法，哭唧唧
  • 代码地址

写在后面

  • 欢迎大家来告诉我的遗留问题该怎么解决，以及你们在参考我的实现时，有测试用例过不去的地方，也可以评论告诉我，我优化代码。
  • 卑微小彭，在线求解
  • 祝大家多多发财
javascript convert str to number
11-15 126
javascript convert str to number Converting Strings to Numbers Table of ContentsQuestion: How do I convert strings to numbers in Jav...
不用原生的Number和parseInt实现StringToNumber
9527
08-25 1651
let StringToNumber = (str)=>{ let arr = str.trim().split('') let sign = arr[0] === '-' ? -1 : 1 if (sign === -1 || str[0] === '+') { arr.shift() } return sign * arr.reduce((total, cur)=>( total * 10 + (cur >= '.
c# 类型转换
li17639563076的博客
07-25 235
3.从小区间到大区间 可以隐式转换也可以显示转换 例如 byte Numberone = 1;1.字符串 转换 Parse() 适用于 string转换成其他类型 ，把string类型 转换成各个类型例如： float floatNumber = float.Parse(stringNumber);5.int.TryParse 与 int.Parse 又较为类似， 但它不会产生异常，转换成功返回 true，转换失败返回 false。"转换成功":"转换失败";
【笔记】《C#大学教程》- 第11章 异常处理
zazisb的博客
03-16 1297
无
C# EXCEL操作中数字和字符串(列)转换
miaofeihanyan的博客
08-29 2215
//C#代码字符串转数字 int StringToNumber(string s) { int r = 0 ; for (int i = 0; i &lt; s.Length; i++) { r = r * 26 + s[i] - ‘A’ + 1; } return r; } //C#代码数字转字符串 st...
完成一个函数：用户输入的是以逗号分隔的字符串，程序会先将其转换为整数或双精度浮点数数组
10-11
T convertStringToNumber(const std::string& str) { T value; std::istringstream iss(str); if (!(iss >> value)) { throw std::invalid_argument("Failed to parse number from string."); } return value;...
C#实现的SuperCalculator源码解析
6. **方法重载**：`ConvertStringToNumber`方法有两种不同的重载形式，一个用于转换整数，另一个用于转换浮点数，但它们都接受相同的参数，这体现了C#的重载函数特性。 7. **变量验证**：`mustGreatThanZero`参数...
1、用栈判断回文串 2、波兰式相关操作 3、实现abcdef的全排列，写入文件，并判断哪些可以由栈获得 4、运用队列和栈，实现将字符串1234.5678到数值的转换
最新发布
11-06
public double convertStringToNumber(String str) { String[] parts = str.split("\\."); Stack<Integer> integerStack = new Stack(); int num = 0; for (char c : parts[0].toCharArray()) { num = num * 10...
SuperCalculator超级计算器C#源码
11-29
- `ConvertStringToNumber` 方法有两个重载版本，分别处理 `int` 和 `double` 类型的转换。这两个方法接收一个字符串 `str`，一个布尔值 `mustGreatThanZero` 表示是否要求结果必须大于零，以及一个 `out` 参数 `...
SpringMVC--Converter（类型转换器）详解
吴声子夜歌的博客
10-31 9958
Spring MVC Converter Spring MVC 框架的 Converter<S，T> 是一个可以将一种数据类型转换成另一种数据类型的接口，这里 S 表示源类型，T 表示目标类型。开发者在实际应用中使用框架内置的类型转换器基本上就够了，但有时需要编写具有特定功能的类型转换器。 内置的类型转换器 在 Spring MVC 框架中，对于常用的数据类型，开发者无须创建自己的类型...
C#基础编程-----异常处理
csdn_cSharp的博客
02-24 626
http://www.runoob.com/csharp/csharp-exception-handling.html @1:try - catch Exception类几个常用属性的示例:   TargetSite,　　StackTrace,　　Source   1 namespace _20130405 2 { 3 class Program 4 { 5 ...
关于C#内部异常加出错数据再抛出的方法
dingtaoxz的博客
04-28 1505
关于C#内部异常加出错数据再抛出的方法利用Exception类的“public Exception(stringmessage, Exception innerException)”构造函数，加上出错数据再抛出的方法，既可以保存原来的内部出错信息，又可以显示出出错时当时的出错数据，这个方法非常好，具体代码如下： StringBuildersbErrorDat...
JAVA字符串如何转换成数字（StringToNumber）
热门推荐
一蓑烟雨任平生
09-23 1万+
public class StringToNumber { public static void main(String[] args) { String str = "123"; Integer num1 = new Integer(str); int num2 = Integer.parseInt(str); Integer num3 = Integer.valueOf(str); System.out.p.
在IE10中点击updatepanel里面的imagebutton时出现的错误：输入字符串的格式不正确( 在 System.Number.StringToNumber)
halym的博客 http://blog.csdn.net/halym/archive/2009/04/10/4063401.aspx
07-03 1万+
问题描述：在IE10中点击updatepanel里面的imagebutton时出现“输入字符串的格式不正确”的错误，在其它浏览器以及IE7/8/9无此问题 异常消息： 输入字符串的格式不正确。 在 System.Number.StringToNumber(String str, NumberStyles options, NumberBuffer& number, NumberFormatI
C#-输入格式不正确
田成荣
05-07 1336
C#—输入格式不正确 机房收费系统统计一个操作员结账情况时，对充值、退卡、收费进行求和查询。 解决问题的思路，思考问题的方式很重要。
C# 进制转换流水码加减1操作（底数为34，不包括I和o）
m0_37968276的博客
10-23 1461
大家好，欢迎阅览！ 本文要写的是，C#进制流水码加减1操作，适用与任何进制，只需要稍微改动即可。 不多说了，上才艺。 进制转换道理很简单，首先将多进制转成十进制，然后+1或者-1，再转成多进制。 首先写一个类，我是写在CommMethod类里面。 public class ConvertChange { private static string cs = "0123456789ABCDEFGHJKLMNPQRSTUVWXYZ"; p
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值