
【JS】ランダム文字列を生成するサービスをPHP→JSにリファクタリングしてみた
2019/01/07
リファクタリングという言葉を使いたくて、以前にPHPで作成した『ランダム文字列ジェネレータ』を、Javascriptを使って同じものを作ってみました。
ランダム文字列ジェネレータをJSにて作り直してみる
PHP版はPOST通信しているので「作成」ボタンを押すたびに画面を読み直すもっさり仕様でしたが、JSにすることによって読み直しがなくなりキビキビと動作。作成ボタン連打も耐えられる仕様となりました。
ランダム文字列ジェネレータ
http://lightning-bolt.xyz/js/randomstr/
http://lightning-bolt.xyz/js/randomstr/
コード解説
せっかくなので(ベーシックな)コードを公開。
jQuery 必須です。
[html]
[/html]
[js]
function genRandomStr() {
// 使用する文字の定義
var str = "abcdefghijkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789!#$%&=~/*-+";
// 桁数の定義
var len = 8;
// ランダムな文字列の生成
var result = "";
for (var i=0; i