勉強したことのメモ

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

  関連記事

横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法
横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法

横長のtableを設置し、CSSのoverflowで横スクロール可能にしてもユー ...

CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成
CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成

CodeIgniter4.4.4&Bootstrap&jQuer ...

jQueryで偶数or奇数行に任意のClassを付与する方法
jQueryで偶数or奇数行に任意のClassを付与する方法

tableタグの1行目を除く偶数もしくは奇数行のtrタグに任意にClassを指定 ...

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

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

reCAPTCHA v2でAjaxは使わずにチェック状況を確認する方法
reCAPTCHA v2でAjaxは使わずにチェック状況を確認する方法

reCAPTCHA v2を実装する案件があり以前の記事を参考に組み込んでみたもの ...