JavaScript

【JavaScript】配列からランダムに要素を取り出す方法

本記事では、JavaScriptで配列からランダムに要素を取り出す方法について解説しています。

JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

本書情報
出版社技術評論社
著者山田 祥寛
発売日2023/2/13
ページ数624ページ
レビュー
(Amazon)
(4件)
先輩くん
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!

綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック

本書情報
出版社オライリージャパン
著者Dustin Boswell / Trevor Foucher
発売日2012/6/23
ページ数260ページ
レビュー
(Amazon)
(620件)
先輩くん
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!

配列からランダムに要素を取り出すコード

配列からランダムに要素を取り出すコードは以下のとおりです。

Array[Math.floor(Math.random() * fruitsArr.length)];
コード解説
  • Array:対象の配列
  • Math.floor:小数点以下を切り捨てる
  • Math.random:0~1の乱数を発生させる
  • fruitsArr.length:配列の長さ

実際に、上記のコードを使用して配列からランダムに要素を取り出してみましょう。

let fruitsArr = ["Apple", "Banana", "Strawberry", "Watermelon", "Grape"];

for (let i = 0; i < 5; i++) {
  let randomFruits = fruitsArr[Math.floor(Math.random() * fruitsArr.length)];
  console.log(randomFruits);
}

/* コンソールログ *
 * Strawberry
 * Strawberry
 * Watermelon
 * Grape
 * Watermelon
 */

for文を使用して、配列からランダムに要素を取り出してみました。コンソールログを確認すると、不規則に要素が選ばれていることが確認できますね!

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村