javascript 随机显示指定内容

今天碰到一个需求，一个页面显示赞助厂商的信息，可是厂商要求排序要随机排，由于是个静态页面不是读取数据库的，因此打算用js来控制

 var arr = new Array('张三', '李四', '王五', '赵六', '田七', '哈哈', '呵呵', '么么');  
  
    var brr = new Array();
    var len1 = arr.length;

    var str = "";
    //debugger;
    while (brr.length <= 8)
    {
        var index = parseInt(Math.random() * (len1));
        for (var j = 0; j < brr.length; j++) {
            if (brr.indexOf(arr[index])==-1)
            {
                brr.push(arr[index]);
                //if (arr[index] != undefined) {
                    str += arr[index] + "、";
                //}
                arr.splice(index, 1);
            }
        }
       
        if (brr.length==0) {
            brr.push(arr[index]);
            //if (arr[index] != undefined) {
                str += arr[index] + "、";
            //}
            arr.splice(index, 1);
        }
    }

    console.log(str)

嘴笨不知道怎么描述思路，我就把几个版本都放上来，你们慢慢看应该是能够看明白的

   while (brr.length <= arr.length)
    {
        var index = parseInt(Math.random() * (len1));
        if (brr.length==0) {
            brr.push(arr[index]);//第一次添加
        }
           
        if (arr[index] != undefined) {  //由于加一个后会去掉数据源的一个选项，因此有时候会有索引没值
            brr.push(arr[index]);
                str += arr[index] + "、";
                arr.splice(index, 1);
            }
    }

这样就能够实现不重复随机排序指定内容了，可是仍是有undefined的状况

 while (arr.length) {
        str += arr.splice(parseInt(Math.random() * arr.length), 1)[0] ;
    }

最终版本，我随机删除其中一个元素，而后把这个元素输出，就避免了undefined的状况了，可是这种作法的弊端是这时候arr数组就没有数据了，若是须要作定时刷新就不能够了，必须是手动刷新才会随机加载，若是须要作定时刷新仍是须要新建一个数组，而后往里面插入元素，加一个定时器就能够实现定时刷新内容了。由于个人需求是手动刷新，因此用了最后的版本简洁大方。作了整整一下午大概改版了七八次，感受还不错发个博客小小得瑟下，但愿帮到别人