首页 > 其他分享 >JS 随机从数组中取出几个元素

JS 随机从数组中取出几个元素

时间:2023-06-26 22:34:37浏览次数:48  
标签:index arr shuffled min items JS 随机 数组 Math


从数组items中随机取出一个元素

var item = items[Math.floor(Math.random()*items.length)];

 

例子:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function getRandomArrayElements(arr, count) {
	var shuffled = arr.slice(0),
		i = arr.length,
		min = i - count,
		temp, index;
	while(i-- > min) {
		index = Math.floor((i + 1) * Math.random());
		temp = shuffled[index];
		shuffled[index] = shuffled[i];
		shuffled[i] = temp;
	}
	return shuffled.slice(min);
}
var items = ['景临境', '何开', '吴者然', '赵柔', '陆梦', '暴天明', '左阻', '落月清', '墨学之'];
console.log(getRandomArrayElements(items, 4));
</script>
</body>
</html>

 

效果图:

JS 随机从数组中取出几个元素_抽奖机


 

 

 

 

 

 

 

标签:index,arr,shuffled,min,items,JS,随机,数组,Math
From: https://blog.51cto.com/u_16171388/6558659

相关文章

  • 数组补充
    声明数组是在栈里//int[]array=null;创建数组是在堆里//arry=newint[10];在Java中,数组是一种引用类型。创建一个数组时,需要分配内存来存储数组元素。假设我们要创建一个包含3个整数的数组:int[]array=newint[3];上述代码将在内存中创建一个名为array的变量来引用数组......
  • JS Cookie的操作
    <!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title>JSCookie的操作</title><script>//设置cookie值的函数functionsetCookie(cname,cvalue,exdays){ vard=newDate(); d.setTime(......
  • JS HTML经典框架
    switch.html<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv=&qu......
  • JS 随机图片效果
    <html><head><title>JS随机图片效果</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><styletype="text/css"><!--img{border:#999999;border-style:dotted;bor......
  • JS——网课
    看:https://www.bilibili.com/video/BV1Y84y1L7Nn/?p=17&spm_id_from=pageDriver&vd_source=b16c9d62fc80d4f0761a959bb9fdb870P17 ......
  • Python随机数据生成——Faker的使用
    安装Fakerpipinstallfaker导入模块及基本配置#导入FakerfromfakerimportFaker#初始化,设置locale为中文;默认是英文fake=Faker(locale='zh_CN')随机日期生成print('随机年月日:',fake.date(pattern='%Y-%m-%d'))print('随机年:',fake.year())print(......
  • JS 判断手机端跳转
    第一种方法:functionis_mobile(){varregex_match=/(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian......
  • JS 跳转对应的手机页面
    location.pathname(location对象的pathname属性)用于设置或取得当前URL的路径部分<scripttype="text/javascript"> varpath=location.pathname; alert(path);</script>效果图: 前提是手机和PC站都同一个数据库,更新的路径都是相同的,只是域名的不同。一个是www,另一个是m......
  • JS 函数的三种声明方式
    <!DOCTYPEhtml><metacharset="UTF-8"><script>//----函数的三种声明方式----//1、自定义函数:functionf1(){ console.log("f1f1f1f1");}//调用方式:函数名f1();//特点://(1)函数声明的函数在JS预解析的时候,会提升到作用域的最前面//(2)函数声明中的函数,可以在声明之前调......
  • JS 短路运算
    Boolean强制转换:除了NaN、null、""、undefined、0、function这几个为false外,其他皆为true。短路运算的符号:   ||  && ! 或与非。短路运算的原理:当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。短路运算的规则:&&找假,先看第一个表达式的......