勉強したことのメモ

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 / PHPにて「lz-string」を用いてデータの圧縮・展開する方法
JavaScript / PHPにて「lz-string」を用いてデータの圧縮・展開する方法

文字数が多いGETパラメータを送信したいというケースがあった。また、送信側はJa ...

ページ内のスクロールバーを見やすく且つ異なるブラウザ間でも同じデザインにする「SimpleBar」ライブラリの利用方法
ページ内のスクロールバーを見やすく且つ異なるブラウザ間でも同じデザインにする「SimpleBar」ライブラリの利用方法

CSSのoverflowでスクロールバーを設置した際、ブラウザによってデザイン( ...

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

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

JavaScriptでテンプレート文字列(テンプレートリテラル)の利用方法
JavaScriptでテンプレート文字列(テンプレートリテラル)の利用方法

あるJavaScriptのソースコードを拝見した際に変数っぽいのにバッククォート ...

バニラJavaScriptでinputタグのtypeをtext⇔passwordに変更する方法
バニラJavaScriptでinputタグのtypeをtext⇔passwordに変更する方法

チェックボックスの状態によってinputタグのtypeをtext⇔passwor ...