当前位置:首页 > 技术教程 > 正文内容

js随机获取数组中的一个元素的方法

万福Blog1年前 (2022-03-05)技术教程5050

利用js脚本随机获取数组中的一个元素,有多种方法,下面就来说一说其中比较简单好理解的方法,各位可以参考一下。

js随机获取数据中的一个元素

方法1:

1、获取数组的长度

2、根据数组的长度,随机出一个数组的下标

3、利用获取到的下标,来取数组中的元素

例:

var arr = ["mochu","feiniaomy.com","dd","cc"]; 
var n = Math.floor(Math.random() * arr.length + 1)-1; 
console.log(arr[n]);

方法2:

1、将数组中所有元素的排序打乱

2、取数组中的第一个元素,

3、也可以取数组中的任意一个元素

例:

var arr = ["mochu","feiniaomy.com","dd","cc"]; 
arr.sort(function(){return Math.random()>0.5?-1:1;}); 
console.log(arr); //输出打乱后的整个数组
console.log(arr[0]);


 您阅读本篇文章共花了: 

扫描二维码推送至手机访问。

版权声明:本文由万福博客网发布,如需转载请注明出处。

本文链接:https://blog.08qq.cn/post/9.html

标签: js前端设计
分享给朋友:
返回列表

没有更早的文章了...

下一篇:Discuz!论坛二次开发视频教程

相关文章

Discuz!论坛二次开发视频教程

Discuz!论坛二次开发视频教程

本套discuz论坛二次开发视频教程是Discuz的二次开发视频教程,适合有一定php基础的人学习,希望您通过本套discuz的二次开发视频教程能够学会discuz论坛的常用二次开发技巧,学习贵在坚持,祝您在学习的道路上能够披荆斩棘,突破重...

根据时间自动切换网页背景颜色或图片代码

根据时间自动切换网页背景颜色或图片代码

有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖。本文通过 Date 对象的 getHours() 方法获得当前时间,然后根据不同的时间段来改变页面的...

PS通道抠像案例视频课程

PS通道抠像案例视频课程

课程介绍:教程—共有6集,分别讲解了素材的挑选、人物发丝的抠像方法、半透明图像的抠像方法以及两集超级酷炫吊炸天、冷艳高贵接地气的图像抠像教程,学完之后,你也可以像大神一样掌握头发丝级别的抠像处理。资源下载:    &nb...

Z-BlogPHP侧栏热门文章和热评文章不显示文章怎么解决

Z-BlogPHP侧栏热门文章和热评文章不显示文章怎么解决

其实每隔一段时间就会有人来问博主为什么侧栏的热门文章不显示文章呢?空白的一片片,与其每次重复解决倒不如写一篇文章解决下侧栏不显示热门文章的问题。这个问题首先可以排除时间问题,先要确定您所调用的时间是否正确,这个主题设置中都有,可以设置热门或...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。