用jquery迭代一个数组

Question

我是 jquery 新手，在应用某些方法时遇到了问题。 我正在尝试通过可拖动层中的运算符来获得正确的结果，从而获得所有运算符的最大值以便能够进行以后的计算。 当我正在寻找的是获得具有最高价值的那个时，它让我返回了该层中的所有运算符。 这是我的代码：

var operatorLayer = containerParent.find('.main-operators-layer')[0];
operatorsData = $(operatorLayer).children('.main-operator'); 

var actualContainerWidth = $.grep(operatorsData, function(element, index) {
     var rightValues = [];
     var rightOffsetData = element.getBoundingClientRect().right;
     rightValues.push(rightOffsetData);
     Math.max(rightValues);
     return rightValues;
});                    

如果有人能纠正我，我将不胜感激。 谢谢

Answer 1

jQuery manual 告诉我grep：

查找数组中满足过滤函数的元素。原数组不受影响。

您传递给grep 的函数应该返回一个布尔值，真或假，以判断我们是否保留该元素。

在你的情况下，你似乎返回[element.getBoundingClientRect().right]：

• var rightValues = []; 新建一个空数组
• var rightOffsetData = element.getBoundingClientRect().right; rightValues.push(rightOffsetData); 将right 添加到数组中
• Math.max(rightValues); 计算（然后忽略）数组中具有 1 项的最大数字
• return rightValues; 返回一个有一个条目的数组，它不为假，因此条目被保留

你大概想要的是这样的：

• 列出rightOffsetData 值
• 计算这些值中的最大值

这将归结为这样的事情：

var actualContainerWidth = Math.max($.map(operatorsData, function(element) {
  return element.getBoundingClientRect().right;
}));

它使用the map function:

将数组或对象中的所有项转换为新的项数组。

• $.map(operatorsData, function(element) { return element.getBoundingClientRect().right; }) 将 operatorData 列表转换为他们的 bounding-thingy-right 列表
• Math.max(...) 采用列表中的最高值形式
• var actualContainerWidth = Math.max(...) 使 actualContainerWidth 采用该值