vue 关于数组的固定随机排序
我最近接触道的一个需求是如果数组中有isRandom: true就进行随机,其它项在固定位置不变。
//实现的思路:1.首先找到要随机的项并对其进行随机处理我是通过return .5 - Math.random();实现的,2.把固定的数插入到随机数组中
// 插入随机数据
var optionList = [{ a: 1, isRandom: true }, { a: 2, isRandom: false }, { a: 3, isRandom: true }, { a: 4, isRandom: false }]
var randomOptionList = optionList.filter(o => o.isRandom);
var newOptionList = randomOptionList.sort(function() {
return .5 - Math.random();
});
optionList.forEach((item, index) => {if (!item.isRandom) {console.log('item',item)newOptionList.splice(index, 0, item);}});// optionList = newOptionList;console.log(newOptionList)
vue 关于数组的固定随机排序相关推荐
- 分享两个JavaScript打乱数组顺序实现随机排序洗牌的方法(应用于音乐视频的随机播放等)
实现方法一: function randomSort(arr) {// 对数组进行随机打乱,// return大于0则交换位置,小于等于0就不交换// 由于Math.random()产生的数字为0-1 ...
- 教你如何运用golang 实现数组的随机排序
本文主要介绍了golang 数组随机排序的实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 前言 目前接到一个推荐数据的需求,需要将数据库中获取到的数据进行随机排 ...
- 关于JavaScript的数组随机排序
昨天了解了一下Fisher–Yates shuffle费雪耶兹随机置乱算法,现在再来看看下面这个曾经网上常见的一个写法: function shuffle(arr) { arr.sort(functi ...
- php 数组随机排序_php 数组元素随机排序代码
php教程 数组元素随机排序代码 因为工作需要我要对我定义好的数组进行随机排序,每一次循环都要是不同的,下面我们利用了php shuffle函数随机对数组元素进行排序.方法非常简单. shuffle( ...
- Vue数组更新及过滤排序功能
Vue为了增加列表渲染的功能,增加了一组观察数组的方法,而且可以显示一个数组的过滤或排序的副本.本文将详细介绍Vue数组更新及过滤排序 前面的话 Vue为了增加列表渲染的功能,增加了一组观察数组的方法 ...
- 对以下学员随机排序,生成一个新数组:var arr = [“鹿晗“,“王俊凯“,“蔡徐坤“,“彭于晏“,“周杰伦“,“刘德华“,“赵本山“]
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- php 数组随机排序_php怎么实现数组随机排序
php数组随机排序,我们可以使用PHP shuffle()函数来实现. PHP shuffle()函数表示随机调整数组中元素或值的顺序.该shuffle()函数FALSE失败时返回. 下面我们就结合具 ...
- matlab某数组中产生不重复随机数,数组的随机排序,randperm函数numel,X=X(A)函数
例如:A=[1,4,5,8,14,15],从数组A中产生3个不重复的随机数.(当然也可以从A=1:n个数中产生几个不重复随机数)或者(将数组随机排序).此过程需要利用randperm函数. 1.ran ...
- [python + debug] set()操作对象的元素为字符串,则结果随机排序,使用sorted()函数以固定顺序
文章目录 问题描述 原因分析 解决方式 问题描述 当我对数据集的字符串类型的label进行编码时,要使用set()函数来提取出所有类别的标签. 这样做的结果是,我发现每次画出来的图,每次样本点的颜色都 ...
- vue根据数组对象字段属性字符 的首字母 按照拼音abcd...进行分类排序 类似通讯录 排序
//根据 字符数组 首字母 拼音排序 pySegSort(arr, empty) { // 根据传入的数组 arr,对其按照首字母拼音分类,参考地址https://www.cnblogs.com/go ...
最新文章
- 蚂蚁金服的一次面试你都会吗
- 最短路径Dijkstra(邻接矩阵)
- 分析Oracle有时会用索引来查找数据的原因-oracle执行计划
- cocos2d-x初探学习笔记(2)--重要概念及Test例子结构
- 使用SAP PI将CRM的Opportunity同步到C4C去
- Android Ac 控件,Android控件--MultiAutoCompleteTextView
- 多组input文件,每组 multiple选择多张图片上传可增删其中任意一张图片,用formData对象实现(ajax,sync: false同步)
- Crackme015
- [javascript] 完全开源,开心分享 HTML5 Canvas 在线图片处理《imageMagic》(single page app)开发详解[1]...
- Nexmark: 如何设计一个流计算基准测试?
- java 视频播放_java创建简易视频播放器
- Redis安装教程(各种坑)
- 格式工厂 wav 比特率_IQmango Converter下载-IQmango Converter(音视频格式转换工具)v3.4.6免费版...
- 【Java 多线程 8】同步容器与并发容器
- 基本农田卫星地图查询_水经注万能地图下载器软件主界面功能说明
- smartsvn学习(-)
- Html中文本域中加图片,如何在文本框中加图片
- PowerGraph:Distributed Graph-Parellel Computation on Natural Graph
- 简易碰撞检测原理--图形相交测试
- 实现isPrime()函数,参数为整数,要有异常处理。如果整数是质数,返回True,否则返回Flase。