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数组就没有数据了，如果需要做定时刷新就不可以了，必须是手动刷新才会随机加载，如果需要做定时刷新还是需要新建一个数组，然后往里面插入元素，加一个定时器就可以实现定时刷新内容了。因为我的需求是手动刷新，所以用了最后的版本简洁大方。做了整整一下午大概改版了七八次，感觉还不错发个博客小小得瑟下，希望帮到别人

转载于:https://www.cnblogs.com/Sprint-Guo/p/6561063.html