JS从数组中随机获取一个值的常用写法

 更新时间:2023年07月03日 23:17:18   作者:psonh  
这篇文章主要介绍了JS从数组中随机获取一个值的常用写法,需要的朋友可以参考下

JS从数组中随机获取一个值方法:

 
//定义一个数组
var urls = ['value1','value2','value3','value4','value5'];
//随机从数组中获取一个值
var element = urls[Math.floor((Math.random()*urls.length))];
//循环测试下随机获取一个值。
for(var i=0;i<10;i++){
	var element = urls[Math.floor((Math.random()*urls.length))];
	console.log('第' + i +'次获取到:' + element);
}

随机值获取10次测试效果:

是不是很简单的代码,主要是逻辑

相关文章

  • js拖拽功能实现代码解析

    js拖拽功能实现代码解析

    这篇文章主要为大家详细介绍了js实现拖拽功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 循环 vs 递归浅谈

    循环 vs 递归浅谈

    本文代码使用 JavaScript。 一些同学对递归的理解还停留在“是一种求阶乘比循环低效的方法”。但其实递归和循环处理的问题是不同。拿“遍历数组”这个问题来说:循环适合同一维度(单层长度不限)上的遍历,而递归则适合跨维度(层数不限)的遍历。
    2013-02-02
  • angular bootstrap timepicker TypeError提示怎么办

    angular bootstrap timepicker TypeError提示怎么办

    这篇文章主要介绍了angular bootstrap timepicker TypeError提示的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • ES6新特性之变量和字符串用法示例

    ES6新特性之变量和字符串用法示例

    这篇文章主要介绍了ES6新特性之变量和字符串用法,结合具体实例形式分析了ES6中变量与字符串的特性、使用方法与相关注意事项,需要的朋友可以参考下
    2017-04-04
  • 浅谈JavaScript 中的延迟加载属性模式

    浅谈JavaScript 中的延迟加载属性模式

    改善性能的最好方法之一是避免重复两次相同的工作。因此,只要可以缓存结果供以后使用,就可以加快程序的速度。延迟加载属性模式技术使任何属性都可以成为缓存层以提高性能。这里说到的延迟加载属性模式就是利用的访问器属性,将计算昂贵的操作推迟到需要时再使用
    2021-06-06
  • JavaScript对象访问器Getter及Setter原理解析

    JavaScript对象访问器Getter及Setter原理解析

    这篇文章主要介绍了JavaScript对象访问器Getter及Setter原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-12-12
  • layui监听工具栏的实例(操作列表按钮)

    layui监听工具栏的实例(操作列表按钮)

    今天小编就为大家分享一篇layui监听工具栏的实例(操作列表按钮),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript的事件代理和委托实例分析

    JavaScript的事件代理和委托实例分析

    在javasript中delegate这个词经常出现,看字面的意思,代理、委托。在各种框架中,也经常能看到delegate相关的接口。这些接口又有什么特殊的用法呢?这篇文章就主要通过实例介绍一下javascript delegate的用法和原理。
    2015-03-03
  • javascript date格式化示例

    javascript date格式化示例

    date格式化想必大家并不陌生吧,本文就来看看javascript中是如何实现的,感兴趣的朋友可以参考下
    2013-09-09
  • uniapp使用navigateBack方法返回上级页面并刷新的简单示例

    uniapp使用navigateBack方法返回上级页面并刷新的简单示例

    最近写uniapp项目的时候发现有时候需要更新页面数据,所以下面这篇文章主要给大家介绍了关于uniapp使用navigateBack方法返回上级页面并刷新的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03

最新评论