从 JavaScript 数组中获取随机项

IT技术 javascript arrays random
2021-01-23 06:17:54
var items = Array(523, 3452, 334, 31, ..., 5346);

我如何从 中获得随机物品items

6个回答
var item = items[Math.floor(Math.random()*items.length)];
很好的答案。你可以更短:items[items.length * Math.random() | 0]:)
2021-03-16 06:17:54
Math.random() 永远不会是 1,也不应该是 1。最大的索引应该总是比长度小 1,否则你会得到一个undefined错误。
2021-03-21 06:17:54
优雅的解决方案。我对其进行了测试: var items = ["a","e","i","o","u"] var objResults = {} for(var i = 0; i < 1000000; i++){ var randomElement = items[Math.floor(Math.random()*items.length)] if (objResults[randomElement]){ objResults[randomElement]++ }else{ objResults[randomElement] = 1 } } console.log(objResults) 经过 1000000 次迭代后,结果非常随机: Object {u: 200222, o: 199543, a: 199936, e: 200183, i: 200116}
2021-03-23 06:17:54
@AnkitPatial:这是一种“打乱”数组的方法,但问题是从数组中随机选择一个元素。有很大的不同。
2021-03-30 06:17:54
@virusMath.round不是Math.floor. 使用round会导致意外引用未定义的索引,比如在这种情况下Math.random()是 0.95 和items.length5。Math.round(0.95*5)是 5,这将是一个无效索引。floor(random)在您的示例中将始终为零。
2021-04-03 06:17:54

使用下划线(或 loDash :)):

var randomArray = [
   '#cc0000','#00cc00', '#0000cc'
];

// use _.sample
var randomElement = _.sample(randomArray);

// manually use _.random
var randomElement = randomArray[_.random(randomArray.length-1)];

或者打乱整个数组:

// use underscore's shuffle function
var firstRandomElement = _.shuffle(randomArray)[0];
您可能会在任何实际项目中使用 _。这不是一件坏事。
2021-03-23 06:17:54
我的信条是为任何项目使用尽可能少的库。话虽如此,我最终总是使用 lodash。用起来太方便了
2021-03-23 06:17:54
现在下划线也有更好的选择 _.sample([1, 2, 3, 4, 5, 6])
2021-03-26 06:17:54
lodash 在 npm 上进行了module化,因此您可以根据需要仅安装该sample功能:npmjs.com/package/lodash.sample
2021-04-01 06:17:54
仅对一个函数使用下划线或 lodash 会有些矫枉过正,但如果您正在执行任何复杂的 js 功能,那么它可以节省数小时甚至数天。
2021-04-02 06:17:54

如果你真的必须使用 jQuery 来解决这个问题(注意:你不应该):

(function($) {
    $.rand = function(arg) {
        if ($.isArray(arg)) {
            return arg[$.rand(arg.length)];
        } else if (typeof arg === "number") {
            return Math.floor(Math.random() * arg);
        } else {
            return 4;  // chosen by fair dice roll
        }
    };
})(jQuery);

var items = [523, 3452, 334, 31, ..., 5346];
var item = jQuery.rand(items);

如果给定一个数组,或者给定一个数字,或者给定其他任何东西,一个来自 [0 .. n) 的值,这个插件将返回一个随机元素,一个有保证的随机值!

为了更有趣,通过基于数组的长度递归调用函数来生成数组返回:)

http://jsfiddle.net/2eyQX/ 上的工作演示

@damd re:您提议的编辑 - 这显然是不正确的,因为在 IIFE 中定义插件和使用插件之间存在明显的分歧但是,为了一致性,我已将$使用行中的替换为jQuery.
2021-03-28 06:17:54
确实。每行平均少于 3 个链式方法,并且每行$至少使用一次,因此它没有足够的 jQuery。
2021-03-30 06:17:54
2021-04-02 06:17:54
这不是需要 jQuery 的问题。
2021-04-03 06:17:54
@neoascetic 该行的要点是从数组中选择一个元素不是 jQuery 问题,它是通用 JS。
2021-04-04 06:17:54

1.解决方案:定义Array原型

Array.prototype.random = function () {
  return this[Math.floor((Math.random()*this.length))];
}

这将适用于内联数组

[2,3,5].random()

当然还有预定义的数组

var list = [2,3,5]
list.random()

2.解决方案:定义接受列表并返回元素的自定义函数

function get_random (list) {
  return list[Math.floor((Math.random()*list.length))];
}


get_random([2,3,5])
@EvanCarroll 更好地引用一个有用的链接,而不是对主观概念(例如不会使答案无效或“无用”的编码风格)投反对票!stackoverflow.com/questions/14034180/...
2021-03-12 06:17:54
@Schmoo 我刚刚遇到了其中一种“微妙的混乱”情况。我将原型的名称缩短为“rand”。然后突然在一个for (let i in arr)循环中,它迭代所有预期的索引,并迭代一个“rand”的索引。不得不切换到for (let i=0,l=arr.length;i<l;i++)循环来修复它。
2021-03-25 06:17:54
这次真是万分感谢。可用比打字整个香草式或调用自定义函数时,代码需要多于一次。至于对冲突的有效担忧,这就是命名空间的用途:ns.ns_适用的格式。
2021-03-26 06:17:54
向 Array.prototype 添加新函数的问题与添加全局变量的问题相同——某人/其他人可能对不同的东西使用相同的“名称”——这可能会导致微妙的混乱
2021-04-05 06:17:54
赞成是因为反对向 Array.prototype 添加一些东西对任何人来说都是没有用的,没有解释。
2021-04-08 06:17:54

这是另一种方式:

function rand(items) {
    // "~~" for a closest "int"
    return items[~~(items.length * Math.random())];
}

或者按照@1248177在下面的推荐

function rand(items) {
    // "|" for a kinda "int div"
    return items[items.length * Math.random() | 0];
}
实际上,它会将其四舍五入,例如Math.floor
2021-03-13 06:17:54
“实际上,它四舍五入,就像 Math.floor”@programmer5000。它实际上向 0 舍入,即 ~~(-1.5) 计算为 -1,而不是 Math.floor 给出的 -2。
2021-03-18 06:17:54
那是什么疯了~~以前从未在 JS 中看到过。
2021-03-20 06:17:54
@hatboysam:进行搜索- 它本质上将操作数转换为最接近的整数。
2021-03-27 06:17:54
很好的答案。你仍然可以更短items[items.length * Math.random() | 0]:)
2021-03-30 06:17:54