勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

javascriptでランダム英数字

   2014/07/02  JavaScript

やりたかった事はjavascriptでランダム英数字の羅列を取得。

■参考サイト
http://blog.bornneet.com/Entry/143/

■ソース
function random_str(num) {
var str = "";
var mojishu = "ABCDEFGHJKLMNOPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz0123456789";
var len = mojishu.length;
for (var i = 0; i < num; i++) {
var rand = parseInt(Math.random()*len);
str += mojishu.charAt(rand);
}
return str;
}
console.log(random_str(7)); //7文字のランダム文字列が出力される

■その他
charAt
http://www.scollabo.com/banban/jsindex/sample/sample_030.html

文字を取り出す位置を決めるというもの。

使用する文字列を決めて、ランダムで文字列の中から
取り出す位置を決めて、それを回数分行ってランダム英数字文字列を生成し
返すというもの。ぱっと見た時はよく分からなかったけど納得。

 - JavaScript

  関連記事

バニラJavaScript対応の日時ピッカー「Flatpickr」ライブラリの利用方法
バニラJavaScript対応の日時ピッカー「Flatpickr」ライブラリの利用方法

サイト内に日時ピッカーを実装する場合、jQueryの「DateTimePicke ...

バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法
バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...

jQueryのトースト(通知)用ライブラリ「iziToast.js」の利用方法
jQueryのトースト(通知)用ライブラリ「iziToast.js」の利用方法

システム構築の際、エラー表示をJavaScriptのアラートではなくトースト(通 ...

Ajaxを使用する際の注意
Ajaxを使用する際の注意

Ajaxで特にJSONPを使う際によくミスることがあるので 注意点をまとめておく ...

Leafletで「Leaflet-MiniMap」プラグインを導入し通常のマップと連動するミニマップを表示する方法
Leafletで「Leaflet-MiniMap」プラグインを導入し通常のマップと連動するミニマップを表示する方法

Leafletでマップを表示した上で、そのマップと連動したミニマップを表示させた ...