`

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

阅读更多

从数组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>

 

效果图:

 

 

 

 

 

 

 

  • 大小: 28.8 KB
分享到:
评论

相关推荐

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

    在JavaScript中,从数组中随机取出元素是一项基础而实用的操作。它广泛应用于各种场景,如游戏开发...以上就是JavaScript中从数组中随机取出元素的两种方法。掌握它们可以帮助我们在处理数据和实现算法时更加灵活高效。

    JS 在指定数组中随机取出N个不重复的数据

    在上述实现方法中,使用了JavaScript内置的几个重要函数:`Math.random()`用于生成随机数,`Math.floor()`用于向下取整,`Array.push()`用于向数组末尾添加元素,`Array.splice()`用于删除数组中的元素,以及`alert...

    原生js当页面刷新多张图片随机显示代码

    在JavaScript(JS)编程中,实现页面刷新时多张图片随机显示的功能,主要涉及到几个核心概念:DOM操作、数组操作以及随机数生成。下面将详细解释这些知识点。 1. **DOM操作**: - DOM(Document Object Model)是...

    js从10种颜色中随机取色实现每次取出不同的颜色

    在JavaScript中实现从有限的颜色数组中随机取色并且确保每次取出的颜色不重复,可以通过数组操作和随机数生成的组合来完成。这个过程通常分为以下几个步骤: 1. 定义一个颜色数组:首先需要定义一个包含多种颜色值...

    javascript入门笔记

    Javascript,简称为 JS,是一款能够运行在 JS解释器/引擎 中的脚本语言 JS解释器/引擎 是JS的运行环境: 1、独立安装的JS解释器 - NodeJS 2、嵌入在浏览器中的JS解释器 JS的发展史: 1、1992年 Nombas 开发...

    js代码-返回数组内n个随机数且不重复的整数

    这个任务的核心在于如何有效地从已有的数组中抽取n个不同的元素,并保证随机性。下面我们将详细讨论实现这个功能的几种方法。 1. **排序与切片法**: 这是最直观的一种方法。首先,对数组进行排序,然后使用`Array...

    jQuery姓名电话随机抽奖代码.zip

    2. **获取随机项**:根据生成的索引从参与者数组中取出对应的对象。 3. **展示结果**:将随机抽取的姓名和电话显示在页面上,可以配合jQuery的动画效果,如淡入淡出,增加视觉吸引力。 代码可能如下所示: ```...

    javascript 随机广告代码(图片广告)

    在给定的代码中,使用了`new Date().getTime()`来获取当前时间的时间戳(毫秒数),然后通过调用`rnd()`函数并传入广告数组的长度来获取一个随机索引,根据这个索引从数组中取出相应的广告内容进行展示。 4. 广告...

    JavaJavaScript网页设计活学活用300问源文件-003

    具体做法是通过数学函数生成一个随机数,并将这个随机数作为数组下标来取出数组中的一个元素进行展示。 **代码解析:** ```html &lt;script language="JavaScript"&gt; var xxxx = Math.random() + ""; // 生成随机数并...

    详解Node.js串行化流程控制

    为了用串行化流程控制让几个异步任务按顺序执行,需要先把这些任务按预期的执行顺序放到一个数组中,这个数组将起到队列的作用:完成一个任务后按顺序从数组中取出下一个。 数组中的每个任务都是一个函数。任务完成...

    JS操作CSS随机改变网页背景实现思路

    上述代码中,index变量保存了随机生成的索引值,currentImage变量则保存了通过这个索引从数组中取出的图片URL。 3. 将随机图片设置为网页背景。现在我们已经有了随机选中的图片URL,接下来需要将这个图片设置为指定...

    php中文验证码

    2. **生成随机字符串**:使用PHP的`mt_rand`或`random_int`函数生成指定长度的随机数字或字符索引,然后从中文字符数组中取出对应的字符,组成验证码的文本。 3. **图像生成**:验证码还需要以图像的形式显示出来,...

    JS排序之快速排序详解

    在JavaScript中,快速排序的实现通常包括以下几个步骤: 1. **选择基准值**:通常选取数组的第一个元素或者中间元素作为基准,但也可以采用随机选择的方式以提高效率。 2. **分区操作**:遍历数组,将小于基准的...

    js实现点击按钮后给Div图层设置随机背景颜色的方法

    - 从预定义的16进制颜色字符字符串 `C` 中,通过 `substr()` 函数取出对应位置的字符,将其添加到数组 `arr` 中。 - 最后,将数组元素连接成一个字符串,前缀加上 `#` 符号,形成完整的16进制颜色代码。 2. **...

    基于javascript实现的快速排序

    在JavaScript中实现快速排序,通常需要遵循以下几个步骤: 1. 找基准点(Pivot):在数组中选取一个基准值,这个值可以是数组的起始位置、中间位置或任意一个值。在上述代码中,基准值是数组中间的元素。使用 `Math...

    js写的发牌程序

    根据提供的文件信息,我们可以分析出这是一个使用PHP编写的发牌程序,尽管标题和描述中提到的是用JS(JavaScript)编写,但实际代码是基于PHP语言的。下面将详细解析该程序的功能、流程以及其中涉及的关键知识点。 ...

    微信猜车标小程序

    这通常需要使用JavaScript的Math.random()函数来生成随机索引,再根据这个索引从题库数组中取出题目。为了确保每次抽题的唯一性,可以结合Set数据结构避免重复。 5. 跨页面传值:在微信小程序中,跨页面传值可以...

    密码生成器:生成6到12个字符之间的随机密码的Web应用程序

    在`Password-Generator-main`项目中,通常会有以下几个关键文件: 1. `index.html` - 包含HTML结构,用于展示用户界面,如输入框和按钮。 2. `style.css` - CSS样式文件,用于美化界面。 3. `script.js` - ...

    Gerador-de-senhas-js

    3. **生成密码**:使用循环结构(如 for 或 while)来遍历字符集合,每次迭代时,使用 Math.random() 选择一个随机索引,并从字符集合中取出对应字符。将这些字符拼接起来,就形成了一个随机密码。 4. **处理特殊...

Global site tag (gtag.js) - Google Analytics