本記事では、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文を使用して、配列からランダムに要素を取り出してみました。コンソールログを確認すると、不規則に要素が選ばれていることが確認できますね！
DMM WEBCAMP 
CodeCamp 
TechAcademy 
