พิจารณา:

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

ฉันจะเลือกค่าสุ่มจากอาร์เรย์นี้โดยใช้ JavaScript ได้อย่างไร

มันเป็นหนึ่งซับง่าย

const randomElement = array[Math.floor(Math.random() * array.length)];

ตัวอย่าง

const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
const randomMonth = months[Math.floor(Math.random() * months.length)];

console.log("random month =>", randomMonth);

หากคุณมีอยู่แล้วขีดหรือ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);

หรือใช้_.sampleSizeวิธีใน lodash:

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

วิธีการต้นแบบ

หากคุณวางแผนที่จะรับค่าสุ่มจำนวนมากคุณอาจต้องการกำหนดฟังก์ชั่นให้

ก่อนอื่นให้ใส่รหัสของคุณลงในที่อื่น:

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

ขณะนี้:

[1,2,3,4].sample() //=> a random element

รหัสการปล่อยตัวในโดเมนสาธารณะภายใต้เงื่อนไขของมอนส์ CC0 1.0 ใบอนุญาต

~~เร็วกว่าMath.Floor()มากดังนั้นเมื่อพูดถึงการเพิ่มประสิทธิภาพในขณะที่สร้างผลผลิตโดยใช้องค์ประกอบ UI ~~จะทำให้เกมชนะ ข้อมูลเพิ่มเติม

var rand = myArray[~~(Math.random() * myArray.length)];

แต่ถ้าคุณรู้ว่าอาเรย์จะมีองค์ประกอบนับล้านกว่าที่คุณอาจต้องการพิจารณาใหม่ระหว่าง Bitwise Operator และMath.Floor()เนื่องจากโอเปอเรเตอร์ Bitwise มีพฤติกรรมแปลก ๆ กับตัวเลขจำนวนมาก ดูตัวอย่างด้านล่างอธิบายด้วยผลลัพธ์ ข้อมูลเพิ่มเติม

var number = Math.floor(14444323231.2); // => 14444323231
var number = 14444323231.2 | 0; // => 1559421343

สมมติว่าคุณต้องการเลือกรายการแบบสุ่มที่แตกต่างจากครั้งที่แล้ว (ไม่ใช่แบบสุ่มจริงๆ แต่ยังเป็นข้อกำหนดทั่วไป) ...

จากคำตอบของ @Markus เราสามารถเพิ่มฟังก์ชั่นต้นแบบอื่นได้:

Array.prototype.randomDiffElement = function(last) {
   if (this.length == 0) {
      return;
   } else if (this.length == 1) {
      return this[0];
   } else {
      var num = 0;
      do {
         num = Math.floor(Math.random() * this.length);
      } while (this[num] == last);
      return this[num];
   }
}

และใช้งานเช่นนั้น:

var myRandomDiffElement = myArray.randomDiffElement(lastRandomElement)

หากคุณมีค่าคงที่ (เช่นรายชื่อเดือน) และต้องการโซลูชันบรรทัดเดียว

var result = ['January', 'February', 'March'][Math.floor(Math.random() * 3)]

ส่วนที่สองของอาร์เรย์คือการดำเนินการเข้าถึงตามที่อธิบายไว้ในเหตุใด [5,6,8,7] [1,2] = 8 ใน JavaScript

รุ่นที่สั้นที่สุด:

var myArray = ['January', 'February', 'March']; 
var rand = myArray[(Math.random() * myArray.length) | 0]

หากคุณต้องการเขียนลงในหนึ่งบรรทัดเช่นโซลูชันของ Pascual โซลูชันอื่นจะเขียนโดยใช้ฟังก์ชั่น find ของ ES6 (ตามข้อเท็จจริงแล้วความน่าจะเป็นที่จะสุ่มเลือกรายการหนึ่งจากnนั้นคือ1/n):

var item = ['A', 'B', 'C', 'D'].find((_, i, ar) => Math.random() < 1 / (ar.length - i));
console.log(item);

ใช้วิธีการนั้นเพื่อการทดสอบและหากมีเหตุผลที่ดีที่จะไม่บันทึกอาเรย์ในตัวแปรแยกต่างหากเท่านั้น มิฉะนั้นคำตอบอื่น ๆ ( floor(random()*lengthและการใช้ฟังก์ชั่นแยก) เป็นวิธีของคุณไป

Faker.jsมีฟังก์ชั่นยูทิลิตี้มากมายสำหรับการสร้างข้อมูลทดสอบแบบสุ่ม เป็นตัวเลือกที่ดีในบริบทของชุดทดสอบ:

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

ตามที่ผู้แสดงความคิดเห็นได้กล่าวถึงโดยทั่วไปคุณไม่ควรใช้ไลบรารีนี้ในรหัสการผลิต

การแก้ไข Array prototype อาจเป็นอันตรายได้ นี่คือฟังก์ชั่นง่าย ๆ ในการทำงาน

function getArrayRandomElement (arr) {
  if (arr && arr.length) {
    return arr[Math.floor(Math.random() * arr.length)];
  }
  // The undefined will be returned if the empty array was passed
}

การใช้งาน:

// Example 1
var item = getArrayRandomElement(['January', 'February', 'March']);

// Example 2
var myArray = ['January', 'February', 'March'];
var item = getArrayRandomElement(myArray);

ฟังก์ชั่นแบบเรียกซ้ำแบบสแตนด์อโลนซึ่งสามารถส่งคืนจำนวนรายการใด ๆ (เหมือนกับlodash.sampleSize ):

function getRandomElementsFromArray(array, numberOfRandomElementsToExtract = 1) {
    const elements = [];

    function getRandomElement(arr) {
        if (elements.length < numberOfRandomElementsToExtract) {
            const index = Math.floor(Math.random() * arr.length)
            const element = arr.splice(index, 1)[0];

            elements.push(element)

            return getRandomElement(arr)
        } else {
            return elements
        }
    }

    return getRandomElement([...array])
}

ที่จะได้รับ อาร์เรย์ของไอเท็มแบบสุ่มที่มีการเข้ารหัสที่แข็งแกร่ง

let rndItem = a=> a[rnd()*a.length|0];
let rnd = ()=> crypto.getRandomValues(new Uint32Array(1))[0]/2**32;

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

console.log( rndItem(myArray) )

สิ่งนี้คล้ายกับ แต่เหนือกว่าโซลูชันของ @Jacob Relkin:

นี่คือ ES2015:

const randomChoice = arr => {
    const randIndex = Math.floor(Math.random() * arr.length);
    return arr[randIndex];
};

รหัสทำงานโดยการเลือกตัวเลขสุ่มระหว่าง 0 ถึงความยาวของอาร์เรย์จากนั้นส่งคืนรายการที่ดัชนีนั้น

var item = myArray[Math.floor(Math.random()*myArray.length)];

หรือรุ่นที่สั้นกว่าเทียบเท่า:

var item = myArray[(Math.random()*myArray.length)|0];

รหัสตัวอย่าง:

var myArray = ['January', 'February', 'March'];    
var item = myArray[(Math.random()*myArray.length)|0];
console.log('item:', item);

ฟังก์ชั่นที่เรียบง่าย:

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();

ในความคิดของฉันดีกว่าไปยุ่งกับต้นแบบหรือประกาศทันเวลาฉันชอบเปิดเผยไปที่หน้าต่าง:

window.choice = function() {
  if (!this.length || this.length == 0) return;
  if (this.length == 1) return this[0];
  return this[Math.floor(Math.random()*this.length)];
}

ตอนนี้ทุกที่ในแอปของคุณที่คุณเรียกว่าชอบ:

var rand = window.choice.call(array)

วิธีนี้คุณยังสามารถใช้การfor(x in array)วนซ้ำได้อย่างถูกต้อง

ฉันได้พบวิธีแก้ไขภาวะแทรกซ้อนของคำตอบยอดนิยมเพียงแค่เชื่อมต่อตัวแปรแรนด์กับตัวแปรอื่นที่อนุญาตให้แสดงหมายเลขนั้นในการเรียก 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>

static generateMonth() { 
const theDate = ['January', 'February', 'March']; 
const randomNumber = Math.floor(Math.random()*3);
return theDate[randomNumber];
};

คุณตั้งค่าตัวแปรคงที่ให้กับอาร์เรย์จากนั้นคุณมีค่าคงที่อื่นที่เลือกแบบสุ่มระหว่างวัตถุทั้งสามในอาร์เรย์จากนั้นฟังก์ชันจะส่งคืนผลลัพธ์เพียงอย่างเดียว

วิธีทั่วไปในการรับองค์ประกอบแบบสุ่ม:

let some_array = ['Jan', 'Feb', 'Mar', 'Apr', 'May'];
let months = random_elems(some_array, 3);

console.log(months);

function random_elems(arr, count) {
  let len = arr.length;
  let lookup = {};
  let tmp = [];

  if (count > len)
    count = len;

  for (let i = 0; i < count; i++) {
    let index;
    do {
      index = ~~(Math.random() * len);
    } while (index in lookup);
    lookup[index] = null;
    tmp.push(arr[index]);
  }

  return tmp;
}

randojsทำให้ง่ายและอ่านได้ง่ายขึ้นเล็กน้อย:

console.log( rando(['January', 'February', 'March']).value );

<script src="https://randojs.com/1.0.0.js"></script>

นี่คือตัวอย่างของวิธีการ:

$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)];

อีกวิธีง่าย ๆ :

var myArray = ['keke','keko','cano','halo','zirto'];

var randomValue = myArray[Math.round((Math.random()*1000))%myArray.length];

สร้างหนึ่งค่าสุ่มและส่งผ่านไปยังอาร์เรย์

โปรดลองรหัสต่อไปนี้ ..

//For Search textbox random value
var myPlaceHolderArray = ['Hotels in New York...', 'Hotels in San Francisco...', 'Hotels Near Disney World...', 'Hotels in Atlanta...'];
var rand = Math.floor(Math.random() * myPlaceHolderArray.length);
var Placeholdervalue = myPlaceHolderArray[rand];

alert(Placeholdervalue);