网络大杂烩首页

网络大杂烩

  • 网站首页
  • HTML/CSS
  • javascript
  • seo优化
  • PS美工
  • 系统安全
  • 漏洞预警
  • 编程学习
  • 原创专区
  • 【网络大杂烩】是一家综合技术门户,为您提供网站建设,编程开发,安全维护,漏洞预警等技术文章

    技术文章MAP

    文章

    javascript 随机显示指定内容带删除

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

    随机推荐

    • 该分类还没有添加任何内容!
    • 该分类还没有添加任何内容!

    Copyright 2005-2019 【网络大杂烩】 版权所有 黑ICP备16886888号

    声明:本站所有文章来自互联网 如有异议 请联系本站管理员