将分数字符串转换为小数？

Question

我正在尝试创建一个 JavaScript 函数，它可以接受分数输入字符串，例如 '3/2' 并将其转换为十进制 - 或者作为字符串 '1.5'或数字 1.5

function ratio(fraction) {
    var fraction = (fraction !== undefined) ? fraction : '1/1',
    decimal = ??????????;
    return decimal;
});

有办法做到这一点吗？

Answer 1

由于还没有人提到它，所以有一个快速而肮脏的解决方案：

var decimal = eval(fraction); 

它具有正确评估各种数学字符串的好处。

eval("3/2")    // 1.5
eval("6")      // 6
eval("6.5/.5") // 13, works with decimals (floats)
eval("12 + 3") // 15, you can add subtract and multiply too

这里的人们很快就会提到使用原始评估的危险，但我将其作为懒人的答案提交。

Answer 2

以下是执行此操作所需的最基本的代码：

var a = "3/2";
var split = a.split('/');
var result = parseInt(split[0], 10) / parseInt(split[1], 10);
alert(result); // alerts 1.5

JsFiddle： http://jsfiddle.net/XS4VE/

需要考虑的事项：

• 零
• 如果用户给你一个整数而不是分数，则除以
• ，或任何其他无效的输入舍入问题（例如 1/3）

Answer 3

我有一个函数用来处理整数、混合分数（包括 unicode 粗俗分数字符）和小数。可能需要一些改进，但它适合我的目的（食谱成分列表解析）。

• NPM
• GitHub

输入 "2 1/2", "2½", " 2 ½" 和 "2.5" 都将返回 2.5。示例：

var numQty = require("numeric-quantity");

numQty("1 1/4") === 1.25;  // true
numQty("3 / 4") === 0.75;  // true
numQty("¼" ) === 0.25;     // true
numQty("2½") === 2.5;      // true
numQty("¾") === 0.75;      // true
numQty("⅓") === 0.333;     // true
numQty("⅔") === 0.667;     // true

它不处理的一件事是分数内的小数，例如“2.5 / 5”。

Answer 4

像这样的东西：

bits = fraction.split("/");
return parseInt(bits[0],10)/parseInt(bits[1],10);

Answer 5

我创建了一个很好的函数来做到这一点，一切都基于这个问题和答案，但它将获取字符串并输出十进制值，但也会输出整数，并且不会出现错误

https://gist.github.com/drifterz28/6971440

function toDeci(fraction) {
    fraction = fraction.toString();
    var result,wholeNum=0, frac, deci=0;
    if(fraction.search('/') >=0){
        if(fraction.search('-') >=0){
            wholeNum = fraction.split('-');
            frac = wholeNum[1];
            wholeNum = parseInt(wholeNum,10);
        }else{
            frac = fraction;
        }
        if(fraction.search('/') >=0){
            frac =  frac.split('/');
            deci = parseInt(frac[0], 10) / parseInt(frac[1], 10);
        }
        result = wholeNum+deci;
    }else{
        result = fraction
    }
    return result;
}

/* Testing values / examples */
console.log('1 ',toDeci("1-7/16"));
console.log('2 ',toDeci("5/8"));
console.log('3 ',toDeci("3-3/16"));
console.log('4 ',toDeci("12"));
console.log('5 ',toDeci("12.2"));

Answer 6

为时已晚，但可能会有所帮助：

您可以使用 Array.prototype.reduce 而不是 eval
https://developer.mozilla.org/en -US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

ES6

const fractionStrToDecimal = str => str.split('/').reduce((p, c) => p / c);
console.log(fractionStrToDecimal('1/4/2')); // Logs 0.125
console.log(fractionStrToDecimal('3/2')); // Logs 1.5

CJS

function fractionStrToDecimal(str) {
  return str.split('/').reduce((p, c) => p / c);
}
console.log(fractionStrToDecimal('1/4')); // Logs 0.25

[编辑] 删除了减速器初始值，现在该函数适用于大于 1 的分子。谢谢，James福瑞。

Answer 7

函数 (ES6)：

function fractionToDecimal(fraction) {
  return fraction
    .split('/')
    .reduce((numerator, denominator, i) =>
      numerator / (i ? denominator : 1)
    );
}

函数（ES6，压缩）：

function fractionToDecimal(f) {
  return f.split('/').reduce((n, d, i) => n / (i ? d : 1));
}

示例：

fractionToDecimal('1/2');     // 0.5
fractionToDecimal('5/2');     // 2.5
fractionToDecimal('1/2/2');   // 0.25
fractionToDecimal('10/5/10'); // 0.2
fractionToDecimal('0/1');     // 0
fractionToDecimal('1/0');     // Infinity
fractionToDecimal('cat/dog'); // NaN
fractionToDecimal('42');      // 42

Answer 8

使用现代解构语法，最好/最安全的答案可以简化为：

const parseFraction = fraction => {
  const [numerator, denominator] = fraction.split('/').map(Number);
  return numerator / denominator;
}

// example
parseFraction('3/2'); // 1.5

换句话说，通过 / 符号拆分派系，将两个结果字符串转换为数字，然后返回第一个数字除以第二个数字...

...全部只有两行（非常可读的）代码。

编辑

以上假设对于1.5，您只会得到3/2 ...而不是1 1/2 >。但是，正如 @Aro Parada 在评论中指出的那样，您可能需要处理这样的整数。

如果是这样，您可以使用非常相似的基于 split 的方法，但使用 reverse 来处理我们有时只有整数的事实：

const parseFraction = fractionString => {
  const [fraction, wholeNumber = 0] = fractionString.trim().split(' ').reverse();
  const [numerator, denominator] = fraction.split('/').map(Number);
  return Number(wholeNumber) + numerator / denominator;
}

您甚至可能不需要那里的trim；像 1 1/2 这样的字符串即使没有它也能工作，但如果你可以有 1 1/2 你会想要保留 trim 。

Answer 9

如果您不介意使用外部库，math.js 提供了一些有用的函数将分数转换为小数以及执行分数算术。

console.log(math.number(math.fraction("1/3"))); //returns 0.3333333333333333
console.log(math.fraction("1/3") * 9) //returns 3

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.20.1/math.js"></script>

Answer 10

const fractionStringToNumber = s => s.split("/").map(s => Number(s)).reduce((a, b) => a / b);

console.log(fractionStringToNumber("1/2"));
console.log(fractionStringToNumber("1/3"));
console.log(fractionStringToNumber("3/2"));
console.log(fractionStringToNumber("3/1"));
console.log(fractionStringToNumber("22/7"));
console.log(fractionStringToNumber("355 / 113"));
console.log(fractionStringToNumber("8/4/2"));

console.log(fractionStringToNumber("3")); // => 3, not "3"

Answer 11

从可读性、逐步调试的角度来看，这可能更容易理解：

// i.e. '1/2' -> .5
// Invalid input returns 0 so impact on upstream callers are less likely to be impacted
function fractionToNumber(fraction = '') {
    const fractionParts = fraction.split('/');
    const numerator = fractionParts[0] || '0';
    const denominator = fractionParts[1] || '1';
    const radix = 10;
    const number = parseInt(numerator, radix) / parseInt(denominator, radix);
    const result = number || 0;

    return result;
}

Answer 12

要将分数转换为小数，只需将顶部数字除以底部数字即可。 5 除以 3 等于 5/3 或 1.67。非常喜欢：

function decimal(top,bottom) {
    return (top/bottom)
}

希望这有帮助，哈哈

Answer 13

它与 eval() 方法一起使用，但您可以使用 parseFloat 方法。我觉得这样更好！
不幸的是，它只适用于这种值 - “12.2”而不适用于“5/8”，但由于您可以处理计算，我认为这是一个很好的方法！

Answer 14

如果您想将结果用作分数，而不仅仅是从字符串中获取答案，则可以使用 https: //github.com/infusion/Fraction.js 可以很好地完成这项工作。

var f = new Fraction("3/2");
console.log(f.toString()); // Returns string "1.5"
console.log(f.valueOf()); // Returns number 1.5

var g = new Fraction(6.5).div(.5);
console.log(f.toString()); // Returns string "13"

Answer 15

虽然有点晚了，但安全问题较少（至少根据 MDN）的 eval() 的替代方案是 Function() 工厂。

var fraction = "3/2";
console.log( Function("return (" + fraction + ");")() );

这将在控制台中输出结果“1.5”。

还请注意：像 1 1/2 这样的混合分数既不能与 eval() 一起使用，也不能与 Function() 的解决方案一起使用当他们俩偶然发现这个空间时写下的。

Answer 16

更安全的 eval() 根据 MDN

const safeEval = (str) => {
   return Function('"use strict";return (' + str + ")")();
}

safeEval("1 1/2") // 1.5

https:/ /developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval#Do_not_ever_use_eval！

Answer 17

这也行得通：

let y = "2.9/59"
let a = y.split('')
let b = a.splice(a.indexOf("/"))
console.log(parseFloat(a.join('')))
a = parseFloat(a.join(''))
console.log(b)
let c = parseFloat(b.slice(1).join(''))
let d = a/c
console.log(d) // Answer for y fraction

Answer 18

我开发了一个函数，使用可以作为整数或小数分数传递的因子来转换值。用户输入和转换因子的格式可能不正确，因此它会检查原始值是否为数字，以及转换是否可以转换为分数，假设 /number 表示 1/number，或者有分子和分母，格式为数字/数字。

/**
 * Convert value using conversion factor
 * @param {float} value - number to convert
 * @param {string} conversion - factor
 * @return {float} converted value
 */
function convertNumber(value, conversion) {
  try {
    let numberValue = eval(value);
    if (isNaN(numberValue)) {
      throw value + " is not a number.";
    }
    let fraction = conversion.toString();
    let divider = fraction.indexOf("/");
    let upper = 1;
    let denominator = 1;
    if (divider == -1) {
      upper = eval(fraction);
    } else {
      let split = fraction.split("/");
      if (split.length > 2) {
        throw fraction + " cannot be evaluated to a fraction.";
      } else {
        denominator = eval(split[1]);
        if (divider > 0) {
          upper = eval(split[0]);
        }
      }
    }
    let factor = upper/denominator;
    if (isNaN(factor)) {
      throw fraction + " cannot be converted to a factor.";
    }
    let result = numberValue * factor;
    if (isNaN(result)) {
      throw numberValue + " * " + factor + " is not a number.";
    }
    return result
  } catch (err) {
    let message = "Unable to convert '" + value + "' using '" + conversion + "'. " + err;
    throw message;
  }
}

Answer 19

您可以将 eval() 与正则表达式结合使用来实现计算分数的安全方法

var input = "1/2";
return input.match(/^[0-9\/\.]+$/) != null ? eval(input) : "invalid number";