Seperti yang Anda ketahui, JavaScript memiliki fungsi bawaan yang disebut Matematika. random[] yang mengembalikan angka acak antara 0 dan 1, di mana 0 inklusif dan 1 eksklusif. Ini adalah fungsi yang sangat berguna untuk digunakan dalam kode JavaScript Anda. Namun, itu tidak terlalu mudah digunakan. Dalam tutorial ini, kita akan belajar cara membuat angka acak di JavaScript menggunakan Matematika. acak[] fungsi
Membuat nomor acak dalam Javascript
Untuk membuat bilangan acak dalam javascript gunakan Math. random[] fungsi bawaan. Ini mengembalikan angka acak floating-point antara 0 [inklusif] dan 1 [eksklusif].
Nomor yang dikembalikan oleh fungsi random[] tidak selalu sama setiap saat. Ini bukan angka tetap, tapi angka acak.
Contoh
const random = Math.random[];
console.log[random];
Jalankan Di SiniAngka dihasilkan menggunakan generator angka acak, yang merupakan algoritma penghasil angka acak. Algoritma ini didasarkan pada algoritma Mersenne Twister
Fungsi acak berperilaku seperti benih, dapat diskalakan ke angka yang kita inginkan. Berarti Anda mendapatkan angka antara 0 dan 1 setiap saat tetapi Anda dapat menskalakannya ke angka berapa pun yang Anda inginkan.
Nomor acak Javascript antar rentang
Mari sekarang buat angka acak di antara rentang, katakanlah 0 hingga 100
Untuk melakukannya, kita perlu menggunakan Math. random[] fungsi dan Math. floor[] fungsi.
Untuk mendapatkan angka antara 0 dan 'N' [N adalah angka yang ingin Anda dapatkan], kalikan hasil Matematika. acak[] oleh 'N'.
let N = 100;
let random = Math.random[] * N;
_Sejak Matematika. random[] mengembalikan angka antara 0 dan 1, jadi ketika dikalikan dengan 'N', akan menghasilkan angka antara 0 dan 'N'.
Contoh
let N = 100;
let random = Math.random[] * N;
console.log[random];
Jalankan Di SiniHasil pada contoh di atas adalah angka acak antara 0 dan 100. Tapi hasilnya adalah bilangan floating-point, jadi kita perlu menggunakan Math. floor[] untuk mendapatkan bilangan bulat.
Contoh
let N = 100;
let random = Math.random[] * N;
console.log[Math.floor[random]]; // random integer between 0-100
Jalankan Di SiniDapatkan nomor acak antara dua nomor
Untuk mendapatkan bilangan acak antara dua bilangan, kita perlu menggunakan Matematika. random[] fungsi dengan beberapa langkah.
Biarkan angkanya menjadi 'min' dan 'max'
Untuk mendapatkan angka acak antara 'min' dan 'max', kita perlu melakukan hal berikut
- Dapatkan angka antara 0 dan 1 [0, 1] menggunakan Matematika. acak[] fungsi.
- Kalikan hasilnya dengan maks - min + 1 .
- Sekarang hasilnya antara 0 dan maks - min + 1. i.e [0, maks - min + 1]
- Tambahkan mnt ke hasil untuk mendapatkan angka acak antara mnt and max. i.e [mnt, maks + 1]
- Terakhir, gunakan Matematika. floor[] untuk mendapatkan bilangan bulat.
Contoh
// create a function to get a random number between two numbers
function numberInRange[max, min] {
return Math.floor[Math.random[] * [max - min + 1] + min];
}
console.log[numberInRange[15, 50]];
_Jalankan Di SiniJavascript generator warna acak
Anda dapat menggunakan konsep angka acak untuk menghasilkan warna acak. Mari buat fungsi untuk menghasilkan warna acak
Ada banyak cara berbeda untuk merepresentasikan warna dalam CSS. Anda dapat menggunakan heksadesimal, RGB, HSL, HEX, HSLA, HSB, CMYK, dll
Di sini kita akan menghasilkan kode warna HEX. Contoh kode warna HEX adalah #FF0000 .
Hasilkan angka acak dari 0 hingga 16, lalu ubah menjadi heksadesimal dan gabungkan dengan # .
Contoh
function randomColor[] {
let color = "#";
for [let i = 0; i < 6; i++] {
let num = Math.floor[Math.random[] * 16];
if [num < 10] {
color += num;
}
else {
switch [num] {
case 10:
color += "A";
break;
case 11:
color += "B";
break;
case 12:
color += "C";
break;
case 13:
color += "D";
break;
case 14:
color += "E";
break;
case 15:
color += "F";
break;
}
}
}
console.log[color];
}
randomColor[];
▶ Cobalah Jalankan Di Sinisusunan acak javascript
Ada banyak situasi di mana Anda perlu membuat larik acak. Misalnya, Anda perlu menguji fungsi apa pun untuk sebuah array
Mari buat fungsi untuk menghasilkan larik angka acak dengan panjang tertentu
Fungsi tersebut akan mengambil tiga parameter
- menit . angka minimum dalam larik
- maks . jumlah maksimum dalam larik
- panjang . panjang larik
Fungsi akan mengembalikan array angka
Contoh
function randomArray[min, max, length] {
let arr = [];
for [let i = 0; i < length; i++] {
let num = Math.floor[Math.random[] * [max - min + 1] + min];
arr.push[num];
}
return arr;
}
console.log[randomArray[1, 100, 10]];
_Jalankan Di SiniString acak Javascript
Mari buat fungsi untuk menghasilkan string acak dengan panjang tertentu
Contoh di bawah fungsi akan menghasilkan string acak dengan panjang 10 dan mengembalikannya
Contoh
function randomString[length] {
let characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
let str = "";
for [let i = 0; i < length; i++] {
let index = Math.floor[Math.random[] * characters.length];
str += characters[index];
}
return str;
}
console.log[randomString[10]];
Jalankan Di SiniKesimpulan
Anda dapat menggunakan konsep angka acak untuk menghasilkan angka acak, warna acak, larik acak, string acak, dll
Konsep ini dapat digunakan di banyak tempat dalam kode Anda seperti menghasilkan musuh acak dalam game, menghasilkan angka acak dalam game, dll