【JS】打乱数组顺序,用作领域:随机播放音乐

思路

  1. 循环数组
  2. 随机获取数组下标
  3. 取值:
    • 取当前随机下标数组
    • 取当前循环的下标数组
  4. 相互替换步骤3的数组
/*** 随机数组顺序* @param {Array} arr 数组* @returns Array*/
const shufArr = arr => {for (let i = arr.length - 1; i > 0; i--) {const j = Math.floor(Math.random() * (i + 1));[arr[i], arr[j]] = [arr[j], arr[i]];}return arr
}console.log(shufArr([1, 2, 3, 4, 5]));  //  [ 5, 1, 2, 3, 4 ]

效果图

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/589073.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Postman和Python Request测试多行Form-data

1、请求参数有多个,F12查看请求体如下: 查看源代码: ------WebKitFormBoundaryHknGXm9VkhRUXZYC Content-Disposition: form-data; name"custId"IICON004 ------WebKitFormBoundaryHknGXm9VkhRUXZYC Content-Disposition: form-da…

企业邮箱给谷歌Gmail报错550-5.7.25解决方案

企业邮箱给谷歌Gmail报错550-5.7.25解决方案 问题表现 今天接到同事报告企业邮箱发送报错的问题,具体问题表现如下: 我司内部邮箱 xxXXX.com 邮箱给国内的163和新浪和企业内部发送邮件可以成功给Hotmail发送邮件,成功。给Gmail发送邮件&am…

IoT数采平台1:开篇

IoT数采平台1:开篇IoT数采平台2:文档IoT数采平台3:功能IoT数采平台4:测试 【功能概述】 开箱即用; 向下接入不同设备(PLC / 采集网关 / OPC / TCP设备 / UDP设备 / HTTP接入),向上通过MQTT发布消息; 数采底层基于NET CORE,既支持P…

Unity与CocosCreator对比学习一

一、屏幕分辨率 1.在creator中设置分辨率 1)打开对应场景; 2)选中【层级管理器】中的Canvas节点; 3)修改【属性检察器】中Canvas组建的属性即可; 2.在Unity中设置屏幕分辨率 1)切换到【Game视…

Python学习笔记-Flask接收post请求数据并存储数据库

1.引包 from flask import Flask, request, jsonify from flask_sqlalchemy import SQLAlchemy 2.配置连接,替换为自己的MySQL 数据库的实际用户名、密码和数据库名 app Flask(__name__) #创建应用实列 app.config[SQLALCHEMY_DATABASE_URI] mysqlpymysql://ro…

麒麟Linux安装教程(超详细)

公司要进行信息国产化,要用国产操作系统。公司下载了麒麟Linux,先安装试一下。 和大多数的Linux发行版差不多,支持直接试用而不安装,肯定是要安装的,所有直接选择了第二项“安装银河麒麟操作系统”。 安装主界面logo …

上网行为管理系统推荐,上网行为审计软件推荐

上网行为管理是指帮助互联网用户控制和管理对互联网的使用。它涵盖了多个方面,包括网页访问过滤、上网隐私保护、网络应用控制、带宽流量管理、信息收发审计、用户行为分析等。 上网行为管理产品系列适用于需要实施内容审计与行为监控、行为管理的网络环境&#xf…

弱电工程有哪些系统?一站式解决方案

随着科技的不断进步,现代建筑不仅仅是砖石和水泥的堆砌,它们已经转化为拥有高度智能化的复杂结构。在这些建筑的核心,弱电工程扮演着至关重要的角色。今天,我们将深入探讨弱电工程的各个组成部分以提供的解决方案。 弱电工程涵盖…

OpenHarmony实战:轻量级系统之子系统移植概述

OpenHarmony系统功能按照“系统 > 子系统 > 部件”逐级展开,支持根据实际需求裁剪某些非必要的部件,本文以部分子系统、部件为例进行介绍。若想使用OpenHarmony系统的能力,需要对相应子系统进行适配。 OpenHarmony芯片适配常见子系统列…

基于ssm的三省学堂-学习辅助系统(java项目+文档+源码)

风定落花生,歌声逐流水,大家好我是风歌,混迹在java圈的辛苦码农。今天要和大家聊的是一款基于ssm的三省学堂-学习辅助系统。项目源码以及部署相关请联系风歌,文末附上联系信息 。 项目简介: 三省学堂-学习辅助系统的…

【已解决】ZIP压缩文件如何设置密码?

ZIP是常用的压缩格式之一,对于重要的ZIP文件,我们还可设置密码保护,那ZIP压缩文件怎么设置密码呢?不清楚的小伙伴一起来看看吧! 给ZIP文件设置密码,我们需要用到支持ZIP格式的解压缩软件,比如7…

面试题 之 vue

1.vue里怎样实现双向数据绑定? Viewmodel 中的Domlisteners 工具会帮我们检测页面上Dom元素的变化,如果有变化,则更改Model中的数据,更新model中的数据时,数据事件绑定工具会帮我们更新页面中的Dom元素 2.Vue的响应式原…