双“每个”循环查找数组中的最小值

发布于 2024-12-10 15:11:42 字数 1036 浏览 0 评论 0原文

我正在尝试实现 Pinterest 墙，如下所述：如何复制 pinterest.com 的绝对 div 堆叠布局

无论如何，我陷入了需要找到数组中最小值的索引，但同时添加我的当前块的高度到该值（因此最小值并不总是相同）。

var grid = new Array(4); // 4 as example

// Add values to the Array
$.each(grid, function(j) {
    grid[j] = j;
});
var smallest_index = 0;
var smallest_value = grid[0];

// Find the index of the smallest value in the Array
SmallestValueIndex = function() {
    $.each(grid, function(i, v) {
        if (v < smallest_value) {
            smallest_index = i;
            smallest_value = v;
        }
    });
}

// Go through all my '<div>' and add the height to the current smallest value
$.each(blocs, function() {
    SmallestValueIndex();
    var h = $(this).height();
    grid[smallest_index] += h;
});

每次，最小值应该不同，因为我将高度添加到前一个最小值（所以它不再是最小值）。

但在我的测试中，它保持不变。

原文

I'm trying to implement the Pinterest wall, as described here : how to replicate pinterest.com's absolute div stacking layout

Anyway, I'm stuck at one point where I need to find the index of the smallest value in an Array, but at the same time, add the height of my current block to that value (so that the smallest value isn't always the same).

var grid = new Array(4); // 4 as example

// Add values to the Array
$.each(grid, function(j) {
    grid[j] = j;
});
var smallest_index = 0;
var smallest_value = grid[0];

// Find the index of the smallest value in the Array
SmallestValueIndex = function() {
    $.each(grid, function(i, v) {
        if (v < smallest_value) {
            smallest_index = i;
            smallest_value = v;
        }
    });
}

// Go through all my '<div>' and add the height to the current smallest value
$.each(blocs, function() {
    SmallestValueIndex();
    var h = $(this).height();
    grid[smallest_index] += h;
});

Each time, the smallest value should be different because I add the height to the previous smallest value (so it's not the smallest value anymore).

But in my tests, it remains the same.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

顾北清歌寒 2024-12-17 15:11:42

试试这个代码。它使用原生的 Math.min 函数，而不是低效的 jQuery 循环：

$.each(blocs, function() {
    var lowest = Math.min.apply(null, grid);
    var index = grid.indexOf(lowest);
    grid[index] += $(this).height();
}

首先，Math.min() 获取所有网格元素中的最小数字。然后，使用grid.indexOf()来查找该元素的位置。最后，将高度添加到网格中索引 index 处的元素。

Try this code. It uses the native Math.min function, rather than a inefficient jQuery loop:

$.each(blocs, function() {
    var lowest = Math.min.apply(null, grid);
    var index = grid.indexOf(lowest);
    grid[index] += $(this).height();
}

First, Math.min() gets the lowest number out of all grid elements. Then, grid.indexOf() is used to find the position of this element. Finally, the height is added to the element in grid at index index.

回复收藏 0 原文

~没有更多了~