ホームページ  >  記事  >  ウェブフロントエンド  >  JSでランダムにシャッフルされた配列を生成する方法

JSでランダムにシャッフルされた配列を生成する方法

亚连
亚连オリジナル
2018-06-15 17:57:412345ブラウズ

この記事では、JavaScript 配列のランダムな並べ替えに関する関連操作スキルを含む、JS でランダムにスクランブルされた配列を生成する方法を主に紹介します。必要な方は参考にしてください。

この記事の例では、JS でランダムにスクランブルされた配列を生成する方法について説明します。 。参考のために皆さんと共有してください。詳細は次のとおりです:

1. 比較的面倒な並べ替え方法

function fnLuanXu(num) {
    var aLuanXu=[];
    for (var i = 0; i < num; i++) {
      aLuanXu[i] = i;
    }
    for (var i = 0; i < num; i++) {
      var iRand = parseInt(num * Math.random());
      var temp = aLuanXu[i];
      aLuanXu[i] = aLuanXu[iRand];
      aLuanXu[iRand] = temp;
      //console.log(&#39;i=&#39;+i+&#39;;temp=&#39;+temp+&#39;;rand=&#39;+iRand+&#39;;array[&#39;+i+&#39;]=&#39;+aLuanXu[i]+&#39;;array[&#39;+iRand+&#39;]=&#39;+aLuanXu[iRand]+&#39;;array=[&#39;+aLuanXu+&#39;];&#39;);
    }
    return aLuanXu;
}
//测试:
console.log(fnLuanXu(6));

実行結果:

2. あまり面倒ではない並べ替え方法、js 組み込み関数。

function fnLuanXu(num) {
    var aLuanXu=[];
    for (var i = 0; i < num; i++) {
      aLuanXu[i] = i;
    }
    aLuanXu.sort(function(){return Math.random()>0.5?-1:1;})
    return aLuanXu;
}
//测试:
console.log(fnLuanXu(7));

操作結果:

以上、皆様の参考になれば幸いです。

関連記事:

plotly.js描画ライブラリの使い方チュートリアルの詳しい解釈(詳細チュートリアル)

AngularJSで写真をアップロードする命令を作成する方法(詳細チュートリアル)

Liを動的に追加する方法JavaScript の要素の例

jQuery でスタイルを使用して HTML タグ要素を動的に追加する方法

jQuery で li タグと属性を追加し、イベント メソッドをバインドする方法を動的に追加する方法

以上がJSでランダムにシャッフルされた配列を生成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。