勉強したことのメモ

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

  関連記事

tableタグでスクロール時にヘッダーを残して表示する方法(jquery-decapitate)
tableタグでスクロール時にヘッダーを残して表示する方法(jquery-decapitate)

テーブルタグ内で縦にスクロールした際にテーブルヘッダー部分は表示させたままテーブ ...

架空の地図画像をLeafletを用いてWeb上でマップ表示する方法
架空の地図画像をLeafletを用いてWeb上でマップ表示する方法

ゲーム攻略サイト等でゲーム内の地図をWeb上で表示し、マーカーを立てたりマウスホ ...

CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法
CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法

CAPTCHAと言えばGoogleのreCAPTCHAを思い浮かべるが、稀にCl ...

サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法
サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法

画像をサムネイル表示してクリックしたら大きく表示する というのがLightbox ...

JavaScriptの「Flatpickr」ライブラリで時分のみ表示する方法
JavaScriptの「Flatpickr」ライブラリで時分のみ表示する方法

バニラJavaScript対応の日時ピッカー「Flatpickr」ライブラリでカ ...