js从数组中随机多次获取三个值，三个值不相同，上下相邻获取值也不相同

原创已于 2022-05-13 12:15:00 修改 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2022-05-13 11:19:09 首次发布

js 同时被 2 个专栏收录

9 篇文章

订阅专栏

react-native

4 篇文章

订阅专栏

这篇博客介绍了如何在JavaScript中从数组中随机抽取三个不重复的值，同时确保这些值与相邻抽取的值不相同。通过排序和遍历数组，结合删除已选元素的方法，实现了这一功能。示例代码展示了如何实现这个过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js从数组中随机多次获取三个值，三个值不相同，上下相邻获取值也不相同

一、简单的数组排列

let numArr = [1, 2, 3, 4]
numArr.sort(function() {
    return 0.5 - Math.random();
})

二、从数组中随机多次获取三个值，上下相邻获取值不相同

let oldCakeList = [];
let arr = [];
for (var i=0; i< taskList.length; i ++) {  // 循环获取随机值数组arr
    this.handleGetRandom (oldList, (newList) => {
                 console.log('获取到的随机数======', newList);
                 oldList= newList;
                 arr.push(newList);
    });
}

handleGetRandom = (oldList, callback) => {
       let {dataList} = Data;// 获取原基数
       let upList = oldList;
       let Finish = JSON.parse(JSON.stringify(dataList));
       if (upCakeList.length > 0) { // 删除上一次随机的值，获取新的随机基数
           Finish.splice(Finish.indexOf(upList [0]), 1);
           Finish.splice(Finish.indexOf(upList [1]), 1);
           Finish.splice(Finish.indexOf(upList [2]), 1);
       }
       var newList= [];
       for (var i = 0; i < 3; i ++) { // 获取不重复随机值
           let num = Math.floor(Math.random()*Finish.length);
           let random= Finish[num];
           Finish.splice(num, 1);
           newList.push(random);
       }
        return callback(newList);
}