从JavaScript数组中获取一个随机值

考虑:

var myArray = ['January', 'February', 'March'];

如何使用JavaScript从这个数组中选择一个随机值?

当前回答

Faker.js有许多生成随机测试数据的实用函数。在测试套件的上下文中，这是一个很好的选择:

const faker = require('faker');
faker.helpers.arrayElement(['January', 'February', 'March']);

正如评论者所提到的，您通常不应该在产品代码中使用这个库。

2017-12-12 20:42:52

其他回答

简单功能:

var myArray = ['January', 'February', 'March'];
function random(array) {
     return array[Math.floor(Math.random() * array.length)]
}
random(myArray);

var myArray = ['January', 'February', 'March'];
function random() {
     return myArray[Math.floor(Math.random() * myArray.length)]
}
random();

var myArray = ['January', 'February', 'March'];
function random() {
     return myArray[Math.floor(Math.random() * myArray.length)]
}
random();

2017-12-17 05:42:56

如果你需要多次获取一个随机项，那么，显然你会使用函数。一种方法是使该函数成为Array的方法。原型，但这通常会让你因为篡改内置原型而被大声斥责。

但是，你可以将方法添加到特定的数组本身:

var months = ['January', 'February', 'March'];
months.random = function() {
    return this[Math.floor(Math.random()*this.length)];
};

这样你就可以随心所欲地使用months.random()，而不会干扰通用的Array.prototype。

与任何随机函数一样，你会冒着连续得到相同值的风险。如果你不想这样做，你需要用另一个属性跟踪之前的值:

months.random=function() {
    var random;
    while((random=this[Math.floor(Math.random()*this.length)]) == this.previous);
    this.previous=random;
    return random;
};

如果你要经常做这样的事情，你不想篡改Array。原型，你可以这样做:

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

var data = [ … ];
var moreData = [ … ];

data.random=randomValue;
moreData.random=randomValue;

2021-07-12 03:54:33

下面是一个如何做到这一点的例子:

$scope.ctx.skills = data.result.skills;
    $scope.praiseTextArray = [
    "Hooray",
    "You\'re ready to move to a new skill", 
    "Yahoo! You completed a problem", 
    "You\'re doing great",  
    "You succeeded", 
    "That was a brave effort trying new problems", 
    "Your brain was working hard",
    "All your hard work is paying off",
    "Very nice job!, Let\'s see what you can do next",
    "Well done",
    "That was excellent work",
    "Awesome job",
    "You must feel good about doing such a great job",
    "Right on",
    "Great thinking",
    "Wonderful work",
    "You were right on top of that one",
    "Beautiful job",
    "Way to go",
    "Sensational effort"
  ];

  $scope.praiseTextWord = $scope.praiseTextArray[Math.floor(Math.random()*$scope.praiseTextArray.length)];

2016-02-18 19:39:52

我找到了一种方法来解决顶部答案的复杂性，只需将变量rand连接到另一个变量，允许该数字在myArray[];的调用中显示。通过删除创建的新数组并处理它的复杂性，我提出了一个可行的解决方案:

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>

var myArray = ['January', 'February', 'March', 'April', 'May'];    

var rand = Math.floor(Math.random() * myArray.length);

var concat = myArray[rand];

function random() {
   document.getElementById("demo").innerHTML = (concat);
}
</script>

<button onClick="random();">
Working Random Array generator
</button>

</body>
</html>

2016-04-27 22:01:55

如果你的项目中已经包含了下划线或lodash，你可以使用_.sample。

// will return one item randomly from the array
_.sample(['January', 'February', 'March']);

如果你需要随机获取一个以上的项，你可以将它作为第二个参数在下划线中传递:

// will return two items randomly from the array using underscore
_.sample(['January', 'February', 'March'], 2);

或者使用_。lodash中的sampleSize方法:

// will return two items randomly from the array using lodash
_.sampleSize(['January', 'February', 'March'], 2);

2015-06-19 18:40:59

从JavaScript数组中获取一个随机值

推荐文章

最新文章

标签