zoukankan      html  css  js  c++  java
  • js数组乱序输出 数组乱序排列

    网上看的数组乱序输出,要么不合实际,要么代码繁琐。自己试了下,希望能给大家带来帮助。

    重要思想也是Math.random*arr.length随机下标,然后删除取到的元素,继续随机下标。

    //将数组乱序输出
            var arr = [1,2,3,4,5,6,7,8,9,10];
            var newArr = [];
                for(var i=0; i<arr.length; i++){
                     var index = Math.floor(Math.random()*arr.length);//随机下标
                         newArr.push(arr[index]);//将随机出的元素,存放新数组newArr中去
                         arr.splice(index,1);//    将随机出的元素在arr中删除            
                }
                //arr中删除随机出的元素,arr.length-1,同时i++,导致循环不会10次,会是5次.最后得到newArr中只有一半的随机数字,arr中剩下另一半. 将其合并到一起,得到res
                var res =[...newArr,...arr];
                console.log(res)

    结果如下:

    随后也有个问题,这个其实只随机了一半的数字,后一半没有随机,只是合并了上去。

    改进后:

    var arr = [1,2,3,4,5,6,7,8,9,10];
            var newArr = [];
            var len = arr.length;
                for(var i=0; i<len; i++){
                     var index = Math.floor(Math.random()*arr.length);//随机下标
                         newArr.push(arr[index]);//将随机出的元素,存放新数组newArr中去
                         arr.splice(index,1);//    将随机出的元素在arr中删除            
                }
                //arr中删除随机出的元素,arr.length-1,同时i++,导致循环不会10次,会是5次.最后得到newArr中只有一半的随机数字,arr中剩下另一半. 将其合并到一起,得到res
                var res =[...newArr,...arr];
                console.log(res) 

    把len当成,作为循环条件,最后所有的都是随机的,结果如下:

  • 相关阅读:
    python_day16_闭包_装饰器
    高阶函数_递归函数_内置函数
    python_day14_函数_返回值_局部和全局变量
    python_day14_set_回到了python的学习
    grep_sed_awl_vim
    jQuery学习之选择器
    css3之其他的属性
    css3之响应式
    css3之各种布局
    css3之各种变形
  • 原文地址:https://www.cnblogs.com/Mir-bink/p/10604747.html
Copyright © 2011-2022 走看看