原生javascript實現的隨機生成4位字串程式碼例項
本章節介紹一下如何生成隨機的4為字串,這個可以看做是簡單扼驗證碼,當然現在的驗證碼的演算法是非常複雜的。
下面就通過程式碼例項介紹一下如何實現此功能。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼function randomString(len){ len=len||32; var $chars='ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; var maxPos=$chars.length; var checkcode=''; for(i=0;i<len;i++){ checkcode+=$chars.charAt(Math.floor(Math.random()*maxPos)); } return checkcode; } console.log(randomString(4))
上面的程式碼實現了隨機取四位字元的效果,下面簡單介紹一下它的實現過程。
一.實現原理:
原理非常的簡單就是使用隨機數生成函式Math.random()乘以字串中字元的個數,再將其轉換為整數,這樣就生成一個大致隨機的字串中字元的索引,然後遍歷指定的次數,獲取四次字元然後追加,就生成了指定位數的隨機字串。
二.相關閱讀:
1.charAt()函式可以參閱javascript charAt()一章節。
2.Math.floor()函式可以參閱javascript Math.floor()一章節。
3.Math.random()函式可以參閱js Math.random()一章節。
相關文章
- javascript實現的生成驗證碼隨機數程式碼例項JavaScript隨機
- javascript生成隨機數程式碼例項JavaScript隨機
- canvas實現的隨機生成漂浮小球程式碼例項Canvas隨機
- javascript生成不重複隨機數程式碼例項JavaScript隨機
- 前端學習程式碼例項-JavaScript 生成隨機數前端JavaScript隨機
- javascript生成指定位數隨機數程式碼例項JavaScript隨機
- javascript實現的m到n的隨機數程式碼例項JavaScript隨機
- jQuery實現的生成隨機密碼程式碼例項簡單介紹jQuery隨機密碼
- js生成隨機數程式碼例項JS隨機
- JavaScript隨機點名程式碼例項JavaScript隨機
- 原生javascript實現的iframe高度自適應程式碼例項JavaScript
- 原生就javascript實現的獲取子元素程式碼例項JavaScript
- javascript隨機生成字串,可以用來生成隨機密碼JavaScript隨機字串密碼
- JavaScript產生隨機數例項程式碼JavaScript隨機
- js實現的產生隨機數程式碼例項JS隨機
- javascript擷取字串程式碼例項JavaScript字串
- javascript實現的驗證碼程式碼例項JavaScript
- css實現的字串擷取程式碼例項CSS字串
- javascript實現的補零程式碼例項JavaScript
- js隨機生成信用卡卡號程式碼例項JS隨機
- javascript字串操作程式碼封裝程式碼例項JavaScript字串封裝
- javascript格式化字串程式碼例項JavaScript字串
- javascript將字串逆序排列程式碼例項JavaScript字串
- 原生javascript對ajax的封裝程式碼例項JavaScript封裝
- 隨機生成十六進位制顏色值程式碼例項隨機
- javascript實現的加入收藏程式碼例項JavaScript
- 原生js刪除字串中空格程式碼例項JS字串
- javascript實現animate()動畫效果程式碼例項JavaScript動畫
- 原生javascript實現獲取指定元素下所有後代元素程式碼例項JavaScript
- js實現的字串簡單編碼和解碼程式碼例項JS字串
- js隨機生成十六進位制顏色值程式碼例項JS隨機
- javascript刪除字串中空格程式碼例項JavaScript字串
- javascript計算字串長度程式碼例項JavaScript字串
- javascript過濾字串中特殊程式碼例項JavaScript字串
- javascript使用標籤包裹字串程式碼例項JavaScript字串
- js隨機顏色例項程式碼JS隨機
- javascript實現網頁跳轉的程式碼例項JavaScript網頁
- javascript實現的淡入淡出效果程式碼例項JavaScript