勉強したことのメモ

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

  関連記事

videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法
videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法

Web上の動画をFloatingVideo対応したいという要望を受けた。ページ上 ...

JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法
JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法

ページを開いた際に指定したテキストボックス(input type="text") ...

CKEditor(WYSIWYGエディタ)の設置方法と日本語化
CKEditor(WYSIWYGエディタ)の設置方法と日本語化

今までWYSIWYGエディタを導入する際はNicEditを使用していたが、あんま ...

jQueryでループを抜けようと(breakしようと)するとエラーになる際の対応方法
jQueryでループを抜けようと(breakしようと)するとエラーになる際の対応方法

jQueryでループを抜けようと(breakしようと)すると「Uncaught ...

jQuery UIでカレンダーピッカー(Datepicker)の利用方法
jQuery UIでカレンダーピッカー(Datepicker)の利用方法

フォーム等で日付を入力する際にカレンダーピッカー機能を実装することがある。その際 ...