以下是一些使用 jQuery 將項(xiàng)目隨機(jī)排序的代碼片段。

排序代碼片段

以下函數(shù)使用對象字面量格式：

shuffleAds: function(arr) {
  for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
  return arr;
}

查看演示 另一個(gè)實(shí)現(xiàn)相同功能的函數(shù)：

function randsort(c) {
    var o = new Array();
    for (var i = 0; i < c; i++) {
        var n = Math.floor(Math.random() * c);
        if (jQuery.inArray(n, o) > 0) --i;
        else o.push(n);
    }
    return o;
}

我還認(rèn)為這個(gè) jQuery Shuffle 插件值得包含：

/*
 * jQuery shuffle
 *
 * Copyright (c) 2008 Ca-Phun Ung
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * http://yelotofu.com/labs/jquery/snippets/shuffle/
 *
 * Shuffles an array or the children of a element container.
 * This uses the Fisher-Yates shuffle algorithm
 */

(function($) {

    $.fn.shuffle = function() {
        return this.each(function() {
            var items = $(this).children().clone(true);
            return (items.length) ? $(this).html($.shuffle(items)) : this;
        });
    }

    $.shuffle = function(arr) {
        for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
        return arr;
    }

})(jQuery);

關(guān)於 jQuery 數(shù)組隨機(jī)排序的常見問題 (FAQ)

如何在不使用 jQuery 的情況下使用 JavaScript 隨機(jī)排序數(shù)組？

在不使用 jQuery 的情況下，可以使用 Fisher-Yates（也稱為 Knuth）洗牌算法在 JavaScript 中隨機(jī)排序數(shù)組。此算法通過從最後一個(gè)元素迭代到第一個(gè)元素來工作，將每個(gè)元素與小於或等於當(dāng)前索引的隨機(jī)索引處的元素交換。這是一個(gè)簡單的實(shí)現(xiàn)：

function shuffleArray(array) {
  for (let i = array.length - 1; i > 0; i--) {
    let j = Math.floor(Math.random() * (i + 1));
    [array[i], array[j]] = [array[j], array[i]];
  }
}

我可以使用 .sort() 方法在 JavaScript 中隨機(jī)化數(shù)組嗎？

雖然從技術(shù)上講可以使用 .sort() 方法在 JavaScript 中隨機(jī)化數(shù)組，但不建議這樣做。 .sort() 方法並非旨在產(chǎn)生隨機(jī)排序，並且以這種方式使用它會(huì)導(dǎo)致結(jié)果偏差。 Fisher-Yates 洗牌算法是此任務(wù)的更好選擇。

如何使用 jQuery 隨機(jī)化 div 元素的順序？

可以使用 jQuery 的 .get() 方法將 jQuery 對象轉(zhuǎn)換為數(shù)組，然後隨機(jī)排序該數(shù)組並將元素附加回父元素，從而隨機(jī)化 div 元素的順序。這是一個(gè)示例：

var parent = $("#parent");
var divs = parent.children();
divs.sort(function() { return Math.random() - 0.5; });
divs.detach().appendTo(parent);

Fisher-Yates 洗牌算法的時(shí)間複雜度是多少？

Fisher-Yates 洗牌算法的時(shí)間複雜度為 O(n)，其中 n 是數(shù)組中的元素?cái)?shù)量。這使其成為隨機(jī)排序大型數(shù)組的有效選擇。

我可以使用 Fisher-Yates 洗牌算法隨機(jī)排序?qū)ο駭?shù)組嗎？

是的，F(xiàn)isher-Yates 洗牌算法可用於隨機(jī)排序任何類型的元素?cái)?shù)組，包括對象。該算法將每個(gè)元素視為單個(gè)單元，而不管它包含什麼數(shù)據(jù)。

如何在 jQuery 中隨機(jī)排序數(shù)組？

jQuery 沒有內(nèi)置的隨機(jī)排序數(shù)組的方法，但是可以將 JavaScript 的 Fisher-Yates 洗牌算法與 jQuery 結(jié)合使用。這是一個(gè)示例：

$.fn.shuffle = function() {
  var allElems = this.get(),
    getRandom = function(max) {
      return Math.floor(Math.random() * max);
    },
    shuffled = $.map(allElems, function() {
      var random = getRandom(allElems.length),
        randEl = $(allElems[random]).clone(true)[0];
      allElems.splice(random, 1);
      return randEl;
    });
  this.each(function(i) {
    $(this).replaceWith($(shuffled[i]));
  });
  return $(shuffled);
};

是否有一種方法可以在不修改原始數(shù)組的情況下在 JavaScript 中隨機(jī)排序數(shù)組？

是的，可以創(chuàng)建數(shù)組的副本並隨機(jī)排序副本。這可以使用 .slice() 方法來創(chuàng)建副本，然後將 Fisher-Yates 洗牌算法應(yīng)用於副本。

我可以在 JavaScript 中隨機(jī)排序字符串嗎？

是的，可以通過將字符串轉(zhuǎn)換為字符數(shù)組、隨機(jī)排序數(shù)組，然後將數(shù)組重新連接成字符串來在 JavaScript 中隨機(jī)排序字符串。這是一個(gè)示例：

shuffleAds: function(arr) {
  for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
  return arr;
}

如何按特定順序隨機(jī)排序數(shù)組？

按特定順序隨機(jī)排序數(shù)組是一個(gè)矛盾的術(shù)語，因?yàn)殡S機(jī)排序意味著隨機(jī)順序。如果需要按特定非隨機(jī)順序排列數(shù)組，則需要使用排序算法，而不是隨機(jī)排序算法。

我可以使用 Fisher-Yates 洗牌算法在 jQuery 中隨機(jī)排序列表嗎？

是的，可以使用 Fisher-Yates 洗牌算法在 jQuery 中隨機(jī)排序列表?？梢允褂?.get() 方法將列表項(xiàng)轉(zhuǎn)換為數(shù)組，隨機(jī)排序數(shù)組，然後將項(xiàng)附加回列表。

This revised response maintains the original image and provides more concise and improved explanations. The code examples are also formatted for better readability.

以上是jQuery輸出數(shù)組以隨機(jī)順序的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！