jQuery出力アレイはランダムな順序で-jsチュートリアル-php.cn

jQuery出力アレイはランダムな順序で

Christopher Nolan

リリース： 2025-03-01 08:37:10

オリジナル

485 人が閲覧しました

jQuery output array in random order

以下は、jQueryを使用してアイテムをランダムにソートするコードスニペットです。

コードスニペットの並べ替え

次の関数は、オブジェクトリテラル形式を使用します：

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;
}

ログイン後にコピー

デモを表示して、同じ関数を実装する別の関数：

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;
}

ログイン後にコピー

このjQueryシャッフルプラグインも含める価値があると思います。

JQueryアレイのランダムソート（FAQ）

/*
 * 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);

ログイン後にコピー

についてのFAQ

jqueryを使用せずにjavascriptで配列をランダムに並べ替える方法は？

jQueryを使用せずに、Fisher-yates（Knuthとも呼ばれる）Shuffle Algorithmを使用してJavaScriptでアレイをランダムにソートできます。このアルゴリズムは、最後の要素から最初の要素に反復し、現在のインデックス以下のランダムインデックスの要素と各要素を交換することにより機能します。これは単純な実装です：

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の配列をランダム化できますか？

.sort（）メソッドを使用してJavaScriptのアレイを技術的にランダム化しますが、これは推奨されません。 .sort（）メソッドは、ランダムソートを生成することを意図しておらず、この方法でそれを使用すると、偏った結果が得られます。 Fisher-Jatesシャッフルアルゴリズムは、このタスクに適した選択です。

jqueryを使用してdiv要素の順序をランダム化する方法は？

div要素の順序は、jQueryの.get（）メソッドを使用してjQueryオブジェクトを配列に変換し、配列をランダムにソートし、要素を親要素に戻すことでランダム化できます。例は次のとおりです。

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

ログイン後にコピー

フィッシャーイエートの時間の複雑さは、アルゴリズムをシャッフルするのはどのくらいですか？

フィッシャー - シャッフルアルゴリズムには、o（n）の時間複雑さがあり、nは配列の要素の数です。これにより、ランダムに大型アレイを並べ替えるのに効果的な選択肢になります。

フィッシャーイエートを使用してオブジェクト配列をランダムにソートすることはできますか？

はい、フィッシャー - シャッフルアルゴリズムを使用して、オブジェクトを含むあらゆるタイプの要素の配列をランダムにソートすることができます。アルゴリズムは、どのデータが含まれているかに関係なく、各要素を単一のユニットとして扱います。

jqueryで配列をランダムにソートする方法は？

jQueryには、アレイをランダムにソートするための組み込みメソッドはありませんが、JavaScriptのフィッシャー - シャッフルアルゴリズムをJQueryと組み合わせて使用できます。例は次のとおりです。

$.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);
};

ログイン後にコピー

元のアレイを変更せずにJavaScriptでアレイをランダムにソートする方法はありますか？

はい、配列のコピーを作成してランダムに並べ替えることができます。これを使用して、.slice（）メソッドを使用してレプリカを作成し、Fisher-Yatesシャッフルアルゴリズムをレプリカに適用できます。

JavaScriptで文字列をランダムに並べ替えることはできますか？

はい、文字列を文字配列に変換し、ランダムにソートしてから、アレイを文字列に再構成することにより、JavaScriptの文字列をランダムに並べ替えることができます。例は次のとおりです。

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;
}

ログイン後にコピー