- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试制作一个 cooking 食谱计算器,它基本上可以获取所有数字并将它们相除(到目前为止)。除了除所有数字外,它还会将小数化为分数。这个很重要。现在,当我运行我的循环来寻找要替换的数字时,当行上的数字大于 1 时我会遇到问题。如果我输入 1 egg and 2 cups of milk
并告诉它除以2、它会这样做:
first iteration:
find: 1 and replace 1 with 1/2
result: 1/2 egg and 2 cups of milk
second iteration:
find: 2 and replace 2 with 1
result: 1/1 egg and 2 cups of milk
如果您理解正确,我现在有 1/1 2
。为什么?因为在第二次迭代时,它会找到 2
并将其替换为 1
。我基本上需要说:
if(number != fraction)
replace number;
我怎样才能从我的代码中做到这一点?
JSFiddle:http://jsfiddle.net/fgzt82yk/8/
我的循环:
for(i = 0; i < content.length; i++) {
//Finds numbers on the line
var number = content[i].match(regex);
//number == null if the line is empty
if(number != null) {
//There can be more than 1 number on each line, create a new loop
for(j = 0; j < number.length; j++) {
//Turns fractions into decimals
var evalNumber = eval(number[j]);
//Divides the number
var divided = parseFloat(evalNumber / selection);
//We need some kind of precision, so we won't get 0.1666667 and so on
var precision = selection;
if(precision == 2) {
precision = 0;
}
//Turns our decimal into a fraction (or a whole-number)
var newNum = Math.fraction(divided.toString(), precision);
//Replaces the original number from the content[i] (whole line) with the new number/fraction
content[i] = content[i].replace(number[j], newNum);
}
}
}
添加了注释,使每一行的含义更加清晰。这是让我烦恼的最后一行..我敢肯定。
我基本上是在寻找一种更好的方法来将数学应用于所有数字(小数、分数、带分数等)。到目前为止它还算有效,但我相信有人有更好的方法来做到这一点!感谢您的关注!
最佳答案
对于您的用例,我认为解决方案不是找出如何不除已除的数字,而是一次替换所有数字。
例如,如果您的食谱要求:
如果您想减半,您最终可以将 12
替换为 6
,然后在该遍中再次替换 6
。 (是的,您可能可以从最大到最小的数字进行计算,但是您还需要一个通行证来对所有数字进行排序。不必要的复杂性)。
如果你无论如何都要使用正则表达式,我建议你做类似的事情
function fractionize(n, d) {
var gcd = (function gcd(a, b) {
if ( ! b) {
return a;
}
return gcd(b, a % b);
})(n ,d);
return d == gcd ? n / d : (n > d ? Math.floor(n / d) + ' ': '') + (n % d / gcd) + '/' + (d / gcd);
}
function decimalize(decimal, precision) {
var power = Math.pow(10, precision);
return Math.round(decimal * power) / power;
}
function scaleRecipe(recipe, multiply, divide) {
return recipe.replace(/((\d*\.\d+)|((\d+)\s+)?(\d+)(\s*\/\s*(\d+))?)/g, function(_, _, decimal, _, wn, n, _, d) {
d = d || 1;
return decimal ? decimalize(decimal * multiply / divide, decimal.match(/\d/g).length) : fractionize(((wn || 0) * d + parseInt(n)) * multiply, divide * d);
});
}
例如:
scaleRecipe('12 eggs, 6 cups of water, 13 chickens, 4 lb rice, 17 tsp vanilla, 60g sugar, 3/4 cups chocolate chips, 2/3 lb beef, 1/5 oz secret sauce, 3 1 / 2 teaspoons salt', 1, 6)
给你
"2 eggs, 1 cups of water, 2 1/6 chickens, 2/3 lb rice, 2 5/6 tsp vanilla, 10g sugar, 1/8 cups chocolate chips, 1/9 lb beef, 1/30 oz secret sauce, 7/12 teaspoons salt, 0.1 lb ham, 0.027 oz honey, 0.35 pint blueberries"
同样的食谱 /8
会给你
"1 1/2 eggs, 3/4 cups of water, 1 5/8 chickens, 1/2 lb rice, 2 1/8 tsp vanilla, 7 1/2g sugar, 3/32 cups chocolate chips, 1/12 lb beef, 1/40 oz secret sauce, 7/16 teaspoons salt, 0.1 lb ham, 0.02 oz honey, 0.26 pint blueberries"
您还可以使用额外的逻辑来减少分数(请参阅:JS how to find the greatest common divisor)并格式化为带分数(分别取整数和余数部分)。
复数可能是您要考虑的另一个方面,但英语是一种棘手的语言,有很多边缘情况。 :)
关于javascript - 将数学应用于字符串中的所有数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33401616/
我写了几个命令来转换数据框,但我想将我写的代码简化为四个部分。第 1,2 和 3 部分用于计算第 1、2 和 3 列(计算每列重复值的次数,并完成 0 和三列最大值之间的缺失数)。第四部分是加入前面的
我试图理解应用于函数的类型参数。 我想在下面的方法中使用通用类型,但为了我的理解使用 String 和 Int。 当我如下定义一个函数时 def myfunc[Int](f:String => I
我有一个像下面这样的 DIV: // link to some js .js 在 div 中呈现最新的文章摘要。然而,它在 Calibri
我在 GridView 中有以下列,一列是日期,另一列是美元金额。我应用了格式并将 HtmlEncode 属性设置为 false,但值仍然未格式化: 这就是这些值在 GridView 中的显示方式
假设我已经定义了这些类型: data Km = Km Float deriving (Show, Eq) data Mile = Mile Float deriving (Show, Eq
我有一个关于 value in context 的小问题。 取 Just 'a',所以在这种情况下 Maybe 类型上下文中的值是 'a' 采用[3],因此在这种情况下,[a] 类型上下文中的值为3
require(quantmod) require(PerformanceAnalytics) getSymbols('INTC') x<- monthlyReturn(INTC) rollapply
我正在使用 VBA 对“已应用字轨更改”文档进行更改。 红色段落结束标记是插入段落结束标记。(打开“跟踪更改”> 将光标放在第一段末尾 > 按 Enter > 插入新段落内容 > 格式风格不同) 我需
考虑以下代码: class A{ my_method(const B& b){ import_something_from_c(this, b.getC()); // does some
我正在为自定义 Material 分配图像。分配的图像看起来有点像素化,类似于此图像 我已经将抗锯齿设置为 4 倍。我该如何解决这个问题? 最佳答案 尝试将 Material 的 mipFilter
我将样式应用于 元素和 元素。是否可以在 上使用样式元素应用于 似乎不遵循 CSS 特异性的通常规则。这是真的吗? 示例:http://jsfiddle.net/59dpy/ 尝试将所有背景色设为红
有没有办法将垂直虚线边框应用于 没有他们(边界)合并?我说的是附图上的东西——有 3 个 这里的元素,每个元素包含 2 的。如果我申请 border-right: 1px dashed black到
当我在 CSS 中对主体应用线性渐变时,如下所示 body { background: linear-gradient(#10416b, black); } 它不会将它应用到整个网页,而是将它应用到页
当我将边框和边框半径应用于 td 时,内半径是一个直 Angular ,根本不是圆的。 最佳答案 问题很可能是背景不透明的子元素会剪掉边框的内半径。 要解决此问题,您可以在 td 上应用 overfl
基本上,我有一个小的 SVG,它使用一个组来定义一个可重用的符号。该组包括我想在 CSS 中设置动画的路径。我面临的问题是只有“原始”元素应用了 CSS,“使用过”的元素没有。 .player_arr
宽度属性在这里不起作用: td { height: 50px; width: 25px; border: 1px
我想要一个函数(例如)在两种情况下输出 Map 的所有值: Map map1 = new HashMap(); Map map2 = new HashMap(); output(map1, "1234
我被要求将我们应用中的警报对话框的外观与应用主题使用的外观相匹配。 我设法将样式应用于应用程序中的所有警报对话框,并将其用作应用程序主题的一部分,但有些情况下样式应用不正确。 例如,当警报对话框包含“
我有一个 CGPath(由 UIBezierPath 创建),我想通过应用 CGAffineTransformScale 将其缩放到我想要的任何大小。 这会影响我的绘图质量(在转换为图像时)吗?如果不
您好,我已经在 vector 上使用了一些 STL 算法,例如 find_if、count_if、sort、push_back 等。现在我想为所有容器对象( vector 、列表、映射、集合)制作一个
我是一名优秀的程序员,十分优秀!