欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript实现shuffle数组洗牌操作示例

程序员文章站 2022-06-03 15:22:59
本文实例讲述了javascript实现shuffle数组洗牌操作。分享给大家供大家参考,具体如下:

本文实例讲述了javascript实现shuffle数组洗牌操作。分享给大家供大家参考,具体如下:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>javascript shuffle数组洗牌</title>
<body>
<script>
function createarray(max) {
  const arr = [];
  for(let i = 0; i < max; i++) {
    arr.push(i);
  }
  return arr;
}
function shufflesort(arr) {
  arr.sort(()=> {
    //返回值大于0,表示需要交换;小于等于0表示不需要交换
    return math.random() > .5 ? -1 : 1;
  });
  return arr;
}
function shuffleswap(arr) {
  if(arr.length == 1) return arr;
  //正向思路
//  for(let i = 0, n = arr.length; i < arr.length - 1; i++, n--) {
//    let j = i + math.floor(math.random() * n);
  //逆向思路
  let i = arr.length;
  while(--i > 1) {
    //math.floor 和 parseint 和 >>>0 和 ~~ 效果一样都是取整
    let j = math.floor(math.random() * (i+1));
    /*
    //原始写法
    let tmp = arr[i];
    arr[i] = arr[j];
    arr[j] = tmp;
    */
    //es6的写法
    [arr[i], arr[j]] = [arr[j], arr[i]];
  }
  return arr;
}
function wrap(fn, max) {
  const starttime = new date().gettime();
  const arr = createarray(max);
  const result = fn(arr);
  const endtime = new date().gettime();
  const cost = endtime - starttime;
  console.log(arr);
  console.log("cost : " + cost);
}
wrap(shufflesort, 1000);
wrap(shuffleswap, 1000);//试验证明这种方法比第一种效率高多了
</script>
</body>
</html>

这里使用在线html/css/javascript代码运行工具http://tools.jb51.net/code/htmljsrun测试上述代码,可得如下运行结果:

JavaScript实现shuffle数组洗牌操作示例

更多关于javascript相关内容还可查看本站专题:《javascript数组操作技巧总结》、《javascript字符与字符串操作技巧总结》、《javascript遍历算法与技巧总结》、《javascript排序算法总结》、《javascript查找算法技巧总结》、《javascript数学运算用法总结》、《javascript数据结构与算法技巧总结》及《javascript错误与调试技巧总结

希望本文所述对大家javascript程序设计有所帮助。