js实现从数组里随机获取元素_javascript技巧

基础知识:

  复制数组:

  (1)循环遍历复制(不推荐)

复制代码 代码如下:

var arry = [1,5,9,7],
    new_arry = [],
    n = 0,
    len = arry.length;
for(;n<len;n++){
    new_arry.push(arry[n]);
}

  (2)concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本

复制代码 代码如下:

var arry = [1,5,9,7],
    new_arry = arry.concat();
console.log(new_arry);

  (3)slice() 方法可从已有的数组中返回选定的元素

复制代码 代码如下:

var arry = [1,5,9,7],
    new_arry = arry.slice(0);
console.log(new_arry);

  随机数:

Math.random()
Math.random(),返回0到1的随机数,如:0.4261967441998422

个人封装函数:

复制代码 代码如下:

function getRandom(opt) {
    var old_arry = opt.arry,
        range = opt.range;
    //防止超过数组的长度
    range = range > old_arry.length?old_arry.length:range;
    var newArray = [].concat(old_arry), //拷贝原数组进行操作就不会破坏原数组
        valArray = [];
    for (var n = 0; n < range; n++) {
        var r = Math.floor(Math.random() * (newArray.length));
        valArray.push(newArray[r]);
        //在原数组删掉,然后在下轮循环中就可以避免重复获取
        newArray.splice(r, 1);
    }
    return valArray;
}
var new_val = getRandom({'arry':[1,6,8,0,3],'range':3});
console.log(new_val);

是不是很好用呢,非常实用的代码,这里是从本人项目中分离出来分享给大家,希望对大家有所帮助。

时间: 2024-12-23 23:22:27

js实现从数组里随机获取元素_javascript技巧的相关文章

js实现从数组里随机获取元素

 这篇文章主要介绍了js实现从数组里随机获取元素的方法,以及个人封装的js代码分享,十分的实用,这里推荐给小伙伴们     基础知识: 复制数组: (1)循环遍历复制(不推荐)   代码如下: var arry = [1,5,9,7], new_arry = [], n = 0, len = arry.length; for(;n<len;n++){ new_arry.push(arry[n]); }   (2)concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回

JS中位置与大小的获取方法_javascript技巧

scrollHeight,clientHeight,offsetHeight的区别 说明: scrollHeight:DOM元素的实际内容的高度,不包border的高度,会随DOM元素中内容的增加(超过可视区后)而变大. clientHeight:DOM元素内容可视区的高度,不包含滚动条和边框的高度. offsetHeight:DOM元素整体的高度,包括滚动条和边框. 当滚动条不出现的时候 这时候DOM元素中没有内容或者内容不超过可视区 scrollWidth=clientWidth,两者皆为可

js数组依据下标删除元素_javascript技巧

1.创建数组 复制代码 代码如下: var array = new Array(); var array = new Array(size);//指定数组的长度 var array = new Array(item1,item2--itemN);//创建数组并赋值 2.取值.赋值 复制代码 代码如下: var item = array[index];//获取指定元素的值 array[index] = value;//为指定元素赋值 3.添加新元素 复制代码 代码如下: array.push(it

CSS或者JS实现鼠标悬停显示另一元素_javascript技巧

想达到鼠标悬停到元素a上,显示另一个元素b,可以通过css实现也可以通过js实现. js: 写两个函数:mouseenter,mouseleave,例如:其中 $("#a").mouseenter(function() { $("#b").show("normal"); }); $("#a").mouseleave(function() { $("#b").hide("normal");

js使用removeChild方法动态删除div元素_javascript技巧

在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些html元素要由Ajax动态生成.用户打开查找界面时,有系统推荐的用户,而当用户按条件查找后,查找的结果动态加载和显示.所以考虑到用js来搞. 这个for循环就是移除已有的表单.然后根据Ajax请求过来的数据,动态生成新的表单对象.一定要注意j变量从大往小循环,否则,删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化(这个问题摸索了好久,才搞定,切记) for(va

js 巧妙去除数组中的重复项_javascript技巧

时不时的看下YUI的源码, 总会有些收获. 一. YUI中的源码' 复制代码 代码如下: var toObject = function(a) { var o = {}; for (var i=0, j=a.length; i<j; i=i+1) { // 这里我调整了下, YUI源码中是i<a.length o[a[i]] = true; } return o; }; var keys = function(o) { var a=[], i; for (i in o) { if (o.has

在javascript中,如果删除二维数组中重复的元素_javascript技巧

了很久,始终没想出解决方案,大伙给点思路吧.  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

去除有数组中重复的元素_javascript技巧

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js中利用tagname和id获取元素的方法_javascript技巧

本文分享了js中利用tagname和id获取元素的3种方法,供大家参考,具体内容如下 方法一:整体法,先获取所有的元素,再通过ai+-b的方法来算出需要的元素 方法二:数组法,在全局环境下建立空数组,遇到需要循环的结构时,在循环中获取元素,并放入数组 方法三:函数法,遇到相同的几组元素时,只操作一组元素,并用函数传参来实现所有的效果 具体代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta cha