Losowanie w js

Question

Witam,

Mam pytanie jak zrobić losowanie w JavaScript.

Wiem że można zrobić math.random ale chodzi mi o losowanie i łączenie liter np.:

 

Pierwsze losowanie - F

Drugie - 4

Trzecie - '

Całość - F4'

Answer 1

Możesz losować index tablicy.  

 

Przykład

<button>Losuj</button>
<pre></pre>

button, pre {
  margin: 1em;
  font: 300 1.05em monospace;
}
button {  
  cursor: pointer;  
}
pre {
  word-spacing: 0.5em;
  line-height: 2em;
}

window.onload = loadedPage;

function loadedPage() {
  const button = document.querySelector('button'),
           msg = document.querySelector('pre');
  
  button.addEventListener('click', () => {
    msg.textContent += randomString();

    const value_in_row = Math.floor(msg.textContent.length / 4) + 1;
    (value_in_row % 15 == 0) ? msg.textContent += '\n': msg.textContent += ' ';
  });
}

function randomString() {
  const letters = [ 'F', 'B', 'D', 'U', 'L', 'R' ],
         digits = [ 1, 2, 3, 4, 5, 6 ],
                //  '   "   !   :
     chars_code = [ 39, 34, 33, 58 ];

  return letters[rnd(letters.length - 1)] +
         `${digits[rnd(digits.length - 1)]}` +
         String.fromCharCode(chars_code[rnd(chars_code.length - 1)]);
}

function rnd(max, min = 0) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

Comments

po co to tak komplikować

function randomItem(array) {
  return array[(Math.random() * array.length) >> 0];
}

const chars = [
  ['F', 'B', 'D', 'U'],
  ['1', '2', '3', '4'],
  [',', ':']
]

const randomString = chars.map(randomItem).join('')

 

---

Jak już "zapodałeś" temat skracajmy, dalej  

function randomString() {
  const rnd = (array) => { return array[(Math.random() * array.length) >> 0]; };
  return [
    [ 'F', 'B', 'D', 'U', 'L', 'R' ],
    [ '1', '2', '3', '4', '5', '6' ],
    [ '\"', '\'', '!',':' ]
  ].map(rnd).join('');
}

 

[ edit ]

randomString=(a,c)=>a[(r=n=>0|Math.random()*n)(6)]+(r(6)+1)+c[r(4)]

67 znaków

lub

s=(a,c)=>a[(r=n=>0|Math.random()*n)(6)]+(r(6)+1)+c[r(4)]

56 znaków

console.log(s('FBDULR',`"'!:`))

 

---

Wyzwanie przyjęte

randomString=_=>'FBDULR'[(r=n=>0|Math.random()*n)(6)]+(r(6)+1)+`"'!:`[r(4)]

75 znaków

---

@.::VBService::., jak mam zrobić tak żeby po kliknięciu generowało się tyle stringów ile jest podane w inpucie?

 

<input type=’text’> <!--<—— w tym inpucie podaje się liczbę stringów-->

 

Answer 2

Możesz pobawić się metodą String.fromCharCode, przekazując jej losowe liczby z przedziału od 0 - 65535.

Przykładowo, żeby otrzymać string "F4'":

String.fromCharCode(70, 52, 39); // F4'

 

Comments

Chodzi mi o to że mam 3 tablice

Pierwsza - [F, B, D, U, L, R]

Druga - [1, 2, 3, 4, 5, 6]

Trzecia - [', ", !, :]

I z każdej losóję po jednym znaku

---

Wylosuj po jednym znaku z każdej tablicy, wrzuć te znaki do osobnej tablicy i przekaż ją do metody String.fromCharCode - wspomóż się tutaj albo spread operatorem albo użyj Function.prototype.apply, bo String.fromCharCode oczekuje listy parametrów, a nie tablicy.

Answer 3

Można też przez "mieszanie zawartości" (shuffle) tablicy.  

 

Przykład

<button>Losuj</button>
<pre></pre>

button, pre {
  margin: 1em;
  font: 300 1.05em monospace;
}
button {  
  cursor: pointer;  
}
pre {
  word-spacing: 0.5em;
  line-height: 2em;
}

window.onload = loadedPage;
 
function loadedPage() {
  const button = document.querySelector('button'),
           msg = document.querySelector('pre');
   
  button.addEventListener('click', () => {
    msg.textContent += randomString();
 
    const value_in_row = Math.floor(msg.textContent.length / 4) + 1;
    (value_in_row % 15 == 0) ? msg.textContent += '\n': msg.textContent += ' ';
  });
}
 
function randomString() {
  const letters = [ 'F', 'B', 'D', 'U', 'L', 'R' ],
         digits = [ 1, 2, 3, 4, 5, 6 ],
                //  '   "   !   :
     chars_code = [ 39, 34, 33, 58 ];
  
  return shuffle(letters) + shuffle(digits,1).toString() +
         String.fromCharCode(shuffle(chars_code));
}

function shuffle(arr, index = 0) {
  arr.sort(() => Math.random() - 0.5);
  if (index > arr.length - 1) index = arr.length - 1;
  if (index < 0) index = 0;
  return arr[index]; // domyślnie indeks zero
}

Comments

Tablice

digits = [ 1, 2, 3, 4, 5, 6 ]

można pominąć, jeżeli to są kolejne liczby z zadanego zakresu

window.onload = loadedPage;
  
function loadedPage() {
  const button = document.querySelector('button'),
           msg = document.querySelector('pre');
    
  button.addEventListener('click', () => {
    msg.textContent += randomString();
  
    const value_in_row = Math.floor(msg.textContent.length / 4) + 1;
    (value_in_row % 15 == 0) ? msg.textContent += '\n': msg.textContent += ' ';
  });
}
  
function randomString() {
  const letters = [ 'F', 'B', 'D', 'U', 'L', 'R' ],
                //  '   "   !   :
     chars_code = [ 39, 34, 33, 58 ];
   
  return shuffle(letters) + rnd(6).toString() +
         String.fromCharCode(shuffle(chars_code,1));
}
 
function shuffle(arr, index = 0) {
  arr.sort(() => Math.random() - 0.5);
  if (index > arr.length - 1) index = arr.length - 1;
  if (index < 0) index = 0;
  return arr[index]; // domyślnie indeks zero
}
function rnd(max, min = 1) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}