提问人：Vaggelis 提问时间：3/31/2021 更新时间：3/31/2021 访问量：468
math.sum 如何传递一组值作为参数？
math.sum how to pass a collection of values as argument?
问：
为了方便起见，我开始使用 Math.js，我想知道我是否可以使用 Math.Sum 方法并通过 输入值的集合作为参数并返回所有输入值的总和，例如，如下所示：
可视化我的概念的代码：
$(document).ready ( function(){
$("#sum").val(math.sum($("#container input")))
});input{
position:relative;
float:left;
clear:both;
text-align:center;
}
#sum{
margin-top:5px;
}<!DOCTYPE html>
<html>
<head>
<script src=https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.3.0/math.min.js></script>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</head>
<body>
<div id="container"><input value="15"><input value="5"><input value="10"><input value="20"></div>
<input id="sum" placeholder="SUM OF ABOVE INPUTS">
</body>
</html>答：
1赞
charlietfl
3/31/2021
#1
您需要先将元素值映射到数组。
数学库对从 jQuery 元素集合中获取值一无所知
无需验证的简单案例：
const values = $("#container input").toArray().map(el => el.value)
$("#sum").val(math.sum(values))input {
position: relative;
float: left;
clear: both;
text-align: center;
}
#sum {
margin-top: 5px;
}<!DOCTYPE html>
<html>
<head>
<script src=https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.3.0/math.min.js></script>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</head>
<body>
<div id="container"><input value="15"><input value="5"><input value="10"><input value="20"></div>
<input id="sum" placeholder="SUM OF ABOVE INPUTS">
</body>
</html>
1赞
denik1981
3/31/2021
#2
你的 math.sum 方法需要一个 JS 数组，所以你需要根据你必须的东西来构建它，以符合要求。
只需一行，您就可以从 Jquery 对象转到预期的 Array。
[Jquery DOM 元素].get（） => [ES6 DOM 元素].map（） => JS 数组
$("#sum").val(math.sum($("#container input").get().map(v=>v.value)))input {
position: relative;
float: left;
clear: both;
text-align: center;
}
#sum {
margin-top: 5px;
}<!DOCTYPE html>
<html>
<head>
<script src=https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.3.0/math.min.js></script>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</head>
<body>
<div id="container"><input value="15"><input value="5"><input value="10"><input value="20"></div>
<input id="sum" placeholder="SUM OF ABOVE INPUTS">
</body>
</html>
评论