从起始位置求和下一个数组元素（javascript）

Question

我需要这个来动态使用。 我有2个关联的数组：

Var $some = [1, 2, 3];
Var $other = [a, b, c];

a，b，c是一些html id，而1，2，3是它们的值。 我想要类似这样的触发器：

$'#a').attr('max', //b+c val(2+3)
$'#b').attr('max', //a+c val(1+3)
$'#c').attr('max', //a+b val(1+2)

我在这里搜索了关于在数组中查找下一个元素的数组中的上一个和下一个项目 ，我认为用一个循环遍历元素a（然后是b然后是c）的元素的值并为每个元素执行一个代码，例如：sum next元素。 求和后减去元素值将无法正常工作，因为我希望该脚本在某些范围内发生变化...所以...我的问题是：如何求和从循环中迭代的元素？ 我认为这将是解决此问题的关键，因为在此示例中我可以将其循环2次，并且在没有开始元素的情况下会停止...

Answer 1

如果您的some与other人相等，则可以尝试此解决方案。

 const some = [1, 2, 3]; const other = ['a', 'b', 'c']; other.forEach((item, index) => { const sum = some.reduce((s, c, i) => index !== i ? s += c : s, 0); $(`#${item}`).text(sum); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p id="a"></p> <p id="b"></p> <p id="c"></p> 

我正在遍历other数组中的每个项目。 传递给forEach的函数有两个参数-当前项目及其在other数组中的索引。 然后，我在some数组上调用reduce并将其传递给函数，该函数获得三个参数- accumulate value ，当前项及其在some数组中的索引。 在主体我检查，如果some当前项索引不等于所述other当前项的索引（这防止了a用于添加值a ），所以我将其添加到s ，其中包含的结果的每次迭代some.reduce如果没有返回结果而不添加当前项目值，则some.reduce一条返回语句，该返回结果将在一行语句中自动完成。

您可以像这样编写reduce函数，使其更具可读性

some.reduce((s, c, i) =>  {
   if(index !== i) {
      s += c; 
   }

   return s;
}, 0)

Answer 2

假设该键other ，就是与它相同的上相应的值some

 const some = [1, 2, 3]; const other = [a, b, c]; $.each(other, function(key, value){ // Loop thru each id var sum = some.reduce((x, y) => x + y) - some[key]; // add each 'some' elements and subtracting the id's value $(value).attr('max', sum); // set max attr of id equal to sum }); // log output on console console.log(a); console.log(b); console.log(c); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="number" id="a"> <input type="number" id="b"> <input type="number" id="c"> 

Answer 3

使用html(function)进行循环索引并使用reduce()求和

 var some = [1, 2, 3]; var other = ['a', 'b', 'c']; $('#'+ other.join(',#')).html((elIdx)=>{ return some.reduce((a,c,i) => a+= (i===elIdx ? 0 : c), 0); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p id="a"></p> <p id="b"></p> <p id="c"></p> 

Answer 4

当然，以前的解决方案效果很好，但是以防万一，这里是更简单的解决方案：

$( "input" ).each(function( index ) {
sum=0;
for(i=0;i<$(this).siblings().length;i++) {
sum+= parseInt($( this ).siblings().eq(i).val());
}
console.log(sum);
$(this).attr('max',sum)
});

 $( "input" ).each(function( index ) { // loop through each input sum=0; for(i=0;i<$(this).siblings().length;i++) { // get all siblings sum+= parseInt($( this ).siblings().eq(i).val()); //calculate sum of siblings values } console.log(sum); $(this).attr('max',sum) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="inputs"> <input type="number" id="a" value=1> <input type="number" id="b" value=2> <input type="number" id="c" value=3> </div>