jak wyświetlić losową wartość z tablicy lub losową właściwość z obiektu?

Question

chciałbym wyświetlić na przykład w konsoli losową wartość z tablicy lub losową właściwość z obiektu

Answer 1

Użyj Math.random do wylosowania liczby z zakresu indeksów tablicy i tą liczbę podstaw pod indeks elementu, do którego chcesz się odwołać w tablicy.

W przypadku obiektu sprawa jest o tyle trudniejsza, że klucze propertisów przyjmują zazwyczaj nazwę w postaci stringa. Więc żeby odwołać się do losowego property, najpierw potrzebujesz mieć zbiór tych nazw - możesz go odczytać np. przez Object.keys. Na takiej tablicy kluczy możesz odczytać losowy klucz korzystając ze wspomnianego Math.random i już wylosowanym kluczem odczytać wartość propertisa.

Comments

Nie wiem jak ma wyglądać składnia. gdy klikam w button to w konsoli ma się wyświetlić losowa wartość z tablicy

let tableRandomValue = [1, 2, 3];

elementLoL.addEventListener("click", function() {

    console.log(tableRandomValue[Math.random()]);

})

 

---

Math.random zwraca wylosowaną liczbę z przedziału od 0 do 0.99... (czyli mniejszej od 1). Tablica tableRandomValue ma trzy elementy, a więc jej indeksy to 0, 1, 2. Potrzebujesz więc wylosować liczbę z przedziału od 0 do 2 (włącznie). Przykład do tego jest we wcześniej podlinkowanej dokumentacji → https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random#getting_a_random_integer_between_two_values_inclusive

Dla Twojego kodu użycie funkcji z przykładu w dokumentacji będzie takie:

const randomIndex = getRandomIntInclusive(0, 2);

console.log(tableRandomValue[randomIndex]);

---

Możesz też zadeklarować funkcję getRandomIntInclusive w prototypie tablicy lub własnej klasie dziedziczącej po tablicy (żeby nie modyfikować oryginalnego prototypu) i wtedy użycie będzie jeszcze prostsze, bo nie będziesz musiał podawać parametrów. Dodatkowo możesz zmodyfikować tą funkcję, aby zwracała od razu losowy element - i wtedy nazwać ją np. getRandomElement:

Array.prototype.getRandomElement = function () {
  const min = 0;
  const max = this.length - 1; // maksimum jest brane z długości tablicy
  const randomIndex = Math.floor(Math.random() * (max - min + 1) + min);

  return this[randomIndex];
}

// użycie
console.log('random element from array:', tableRandomValue.getRandomElement());