实战题：生成随机验证码 - JavaScript

随机验证码在实际开发中经常用到，看似复杂，实则非常简单。我们只需要用到前面学到的生成随机数的技巧，然后结合字符串与数组操作就可以轻松实现。

实现代码如下：


在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
       var str = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
        var arr = str.split("");
        var result = "";
        for(var i=0;i<4;i++)
        {
            var n = Math.floor(Math.random() * arr.length);
            result += arr[n];
        }
        document.write(result);
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如下图所示。

分析：

上面用Math.random()生成了随机验证码，每一次的运行结果都是不一样的。这里注意一点，由于数组下标是从0开始的，因此写成下面这样是错误的。

var n = Math.floor(Math.random() * (arr.length+1);

正确的应该写成：

var n = Math.floor(Math.random() * arr.length);