这是最近面试遇到的，不过忘记了，之前也有印象刷到过这道题，就再次记录一下加深印象吧，听到最多的答案是利用sort方法，不过也有说这种方法不好，利用了快排和插入排序，那就整理下吧

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="author" content="杨欣">

    <title>js之数组乱序</title>

</head>

<body>

    <script>

        // 1.使用sort方法

        let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

        let arr2 = arr1.sort(() => Math.random() - 0.5)

        console.log('1111111', arr2);

        // 2.把随机的放入新数组，最后合并在一起

        let arr3 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

        const shuffle1 = (arr) => {

            let len = arr.length;

            let newArr = [];

            for (let i = 0; i < len; i++) {

                let index = Math.floor(Math.random() * arr.length);

                newArr.push(arr[index])

                arr.splice(index, 1)

            }

            return [...newArr, ...arr]

        }

        console.log('2222222', shuffle1(arr3));

        // 3.洗牌算法，取出最后一个和得到的随机交换位置

        let arr4 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

        const shuffle2 = (arr) => {

            for (let i = arr.length; i; i--) {

                let j = Math.floor(Math.random() * i)

                [arr[i - 1], arr[j]] = [arr[j], arr[i - 1]]

            }

            return arr

        }

        console.log('3333333', shuffle1(arr4));

    </script>

</body>

</html>

js之数组乱序的更多相关文章

  1. js数组乱序输出 数组乱序排列

    网上看的数组乱序输出,要么不合实际,要么代码繁琐.自己试了下,希望能给大家带来帮助. 重要思想也是Math.random*arr.length随机下标,然后删除取到的元素,继续随机下标. //将数组乱 ...

  2. 高频重要前端API手写整理（call，apply，bind，instanceof，flat，filter，new，防抖，节流，深浅拷贝，数组乱序，数组去重，继承, lazyman，jsonp的实现，函数的柯里化 ）

    Function.prototype.call = function(context,...args){ var context = context || window; context.fn = t ...

  3. JavaScript中实现最高效的数组乱序方法

    数组乱序的意思是,把数组内的所有元素排列顺序打乱. 常用的办法是给数组原生的sort方法传入一个函数,此函数随机返回1或-1,达到随机排列数组元素的目的. 复制代码代码如下: arr.sort(fun ...

  4. [转载]排序:长度为n的数组乱序存放着0至n-1. 现在只能进行0与其他数的swap

    长度为n的数组乱序存放着0至n-1. 现在只能进行0与其他数的swap 请设计并实现排序. google笔试小题.题目来源:http://wenku.baidu.com/view/5aa818dda5 ...

  5. c#几种随机数组和数组乱序

    相关资料MSDN:RNGCryptoServiceProvider   Random   Guid private static RNGCryptoServiceProvider rngCsp = n ...

  6. JavaScript tips —— 谈谈数组乱序

    前言 先看一个段代码 function randArr (arr) { return arr.sort(() => { return (Math.random() - 0.5); }); } 目 ...

  7. java将一数组乱序排列

    JAVA的Collections类中shuffle方法模拟了“洗牌”动作可以对list列表进行随机排序.如果一定要自己写,算法也很简单:假设数组array长度为n.用标准随机函数rand(n)生成[0 ...

  8. JS 数组乱序

    因为不想在后台操作,就使用js进行 涉及到了一个打乱数组顺序的方法 百度到的一篇 Author : Jun.lu http://www.cnblogs.com/idche/archive/2010/0 ...

  9. js随机码之乱序数组

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. 334. Increasing Triplet Subsequence（也可以使用dp动态规划）

    Given an unsorted array return whether an increasing subsequence of length 3 exists or not in the ar ...

  2. Azure 静态 web 应用集成 Azure 函数 API

    前几次我们演示了如果通过Azure静态web应用功能发布vue跟blazor的项目.但是一个真正的web应用,总是免不了需要后台api服务为前端提供数据或者处理数据的能力.同样前面我们也介绍了Azur ...

  3. Spring源码之@Configuration原理

    总结 @Configuration注解的Bean,在BeanDefinition加载注册到IOC容器之后,进行postProcessBeanFactory处理时会进行CGLIB动态代理 将@Prope ...

  4. Ceph根据Crush位置读取数据

    前言 在ceph研发群里面看到一个cepher在问关于怎么读取ceph的副本的问题,这个功能应该在2012年的时候,我们公司的研发就修改了代码去实现这个功能,只是当时的硬件条件所限,以及本身的稳定性问 ...

  5. Ceph的Mon数据重新构建工具

    关于mon的数据的问题,一般正常情况下都是配置的3个mon的,但是还是有人会担心 Mon 万一三个同时都挂掉了怎么办,那么集群所有的数据是不是都丢了,关于后台真实数据恢复,有去后台取对象,然后一个个拼 ...

  6. bugkuCTFWEB部分WP

    前言 之前做的今天整理下 这个有点乱不建议大家参考我的wp 这个主要是自己看的.部分的我做的时候打不开就没写. 练手地址:https://ctf.bugku.com 矛盾 矛盾考察的是PHP弱类型首先 ...

  7. 攻防世界app2 frida获取密钥

    环境准备 安装mumu模拟器 pip安装frida,这里到最后一步setup需要很长时间. 在frida github下载对应服务端. apk下载:https://adworld.xctf.org.c ...

  8. 工作一年半被裁掉，机缘巧合拿到阿里P7offer，得亏我看过这份“突击”面试宝典

    前言 不论是校招还是社招都避免不了各种⾯试.笔试,如何去准备这些东⻄就显得格外重要.不论是笔试还是⾯试都是有章可循的,我这个"有章可循"说的意思只是说应对技术⾯试是可以提前准备,所 ...

  9. 如何使用Camtasia进行电脑录制屏幕

    在现在的网络互联网时代,越来越多的人走上了自媒体的道路.有些自媒体人会自己在网络上录制精彩视频,也有一些人会将精彩.热门的电影剪辑出来再加上自己给它的配音,做成大家喜欢看的电影剪辑片段.相信不管大家是 ...

  10. spring中的事务传播机制

    1.事务的实现思想 在spring中要想某个方法具有事务,只要在方法前加一个@Transactional注解.然后spring就会利用aop思想,在这个方法执行前开启事务, 在方法执行后选择提交事务或 ...