Đây là hướng dẫn về Trình tạo số ngẫu nhiên trong JavaScript. Ở đây chúng ta thảo luận về việc tạo Số Ngẫu nhiên trong JavaScript với mã mẫu.

Bạn đang xem : tạo số ngẫu nhiên javascript

Trình tạo số ngẫu nhiên trong JavaScript

Số ngẫu nhiên là gì?

Số ngẫu nhiên là số được tạo ra bởi hệ thống máy tính của bất kỳ thiết bị nào như vậy mà chúng tôi không thể dự đoán được. Các nhà phát triển hoặc lập trình viên sử dụng cách tạo số ngẫu nhiên này để đáp ứng nhu cầu kinh doanh của họ. Theo chương trình, số này có thể được giới hạn trong phạm vi được chỉ định hoặc không đặt bất kỳ ranh giới nào của phạm vi. Trong chủ đề này, chúng ta sẽ tìm hiểu về Tạo số ngẫu nhiên trong JavaScript. Trong chủ đề này, chúng ta sẽ tìm hiểu về Trình tạo số ngẫu nhiên trong JavaScript.

Số ngẫu nhiên trong JavaScript

Hầu hết mọi ngôn ngữ lập trình đều có chức năng tích hợp giống nhau. JavaScript cũng có chức năng lấy một số ngẫu nhiên. Có nhiều cách khác nhau để chúng ta có thể lấy số ngẫu nhiên trong JavaScript, hãy xem với một số ví dụ.

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, Kiểm tra phần mềm & amp; những người khác

Việc sử dụng số ngẫu nhiên

Những số ngẫu nhiên này có thể được sử dụng trong nhiều loại mã tạo trò chơi khác nhau. Điều này có thể được sử dụng trong trò chơi đoán số hoặc dự đoán. Điều này có thể được sử dụng trong việc triển khai tính năng OTP (Mật khẩu một lần). Chúng tôi nhận thức rất rõ về OTP mà chúng tôi thường nhận được từ các trang web khác nhau. Đó cũng là một số ngẫu nhiên và có thể nhận được bằng cách sử dụng hàm Ngẫu nhiên của JavaScript.

Ví dụ về Trình tạo số ngẫu nhiên trong JavaScript

Hãy cho chúng tôi xem một số ví dụ để tạo số ngẫu nhiên:

1. Sử dụng hàm Math.random ().

Chúng tôi có Toán học. hàm random () trong JavaScript để xử lý các số ngẫu nhiên. Kết quả là con số này luôn trả về ít hơn 1.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
document.getElementById ("random_number"). innerHTML = Math.random ();
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Số ngẫu nhiên trong đầu ra Javascript 1

Điều này sẽ luôn cho kết quả ở dạng dấu thập phân.

2. Nhận số ngẫu nhiên ở dạng số nguyên (số đầy đủ).

Chúng tôi có thể đạt được điều này bằng cách mở rộng chức năng trên.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
var randomNumber = Math.floor (Math.random () * 10);
document.getElementById ("random_number"). innerHTML = randomNumber;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra của đoạn mã trên sẽ thay đổi trong khoảng từ 0 đến 9. Vì chúng ta đã nhân với 10, điều này sẽ cung cấp đầu ra luôn ở một chữ số.

Xem Thêm  Phương thức chuỗi JavaScript - w3schools javascript thử nó

Số ngẫu nhiên trong đầu ra Javascript 2

3. Nhận số ngẫu nhiên từ 0 đến 99.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
var randomNumber = Math.floor (Math.random () * 100);
document.getElementById ("random_number"). innerHTML = randomNumber;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Chúng tôi sẽ nhận được một số ngẫu nhiên từ 0 đến 99. Nhưng hầu hết thời gian, chúng tôi sẽ nhận được các số có hai chữ số. Ví dụ – 68,45,34, v.v.

Số ngẫu nhiên trong đầu ra Javascript 3

4. Hãy xem cách chúng ta luôn có thể nhiều hơn 1 dưới dạng các số được tạo ngẫu nhiên.

Vì chúng ta biết rằng Math.random () thông thường sẽ cung cấp cho chúng ta một số từ 0 đến 1, chúng ta có thể nhân số này với 10 và thêm 1 để nhận được số luôn lớn hơn hoặc bằng 1.

 & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
var randomNumber = Math.floor (Math.random () * 10) + 1;
document.getElementById ("random_number"). innerHTML = randomNumber;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra

Số ngẫu nhiên trong đầu ra Javascript 4

5. Bây giờ, đã đến lúc lấy số ngẫu nhiên trên cơ sở các số tối thiểu và tối đa.

Có, chúng ta sẽ có một hàm có hai tham số, giả sử getRndInteger ().

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
function getRndInteger (tối thiểu, tối đa) {
return Math.floor (Math.random () * (tối đa - tối thiểu)) + tối thiểu;
}
document.getElementById ("random_number"). innerHTML = getRndInteger (10, 20);
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra

output 5

getRndInteger (10, 20); // điều này sẽ cung cấp cho chúng tôi các số từ 10 đến 20.
getRndInteger (1, 100); // điều này sẽ cung cấp cho chúng tôi các số từ 1 đến 100.
Lưu ý: Tất cả mã trên sẽ được hỗ trợ bởi – Google Chrome; Firefox; Opera mini; Safari, v.v.

6. Hàm ngẫu nhiên từ 10 đến 1000.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
function getRndInteger (tối thiểu, tối đa) {
return Math.floor (Math.random () * (tối đa - tối thiểu)) + tối thiểu;
}
document.getElementById ("random_number"). innerHTML = getRndInteger (10, 1000);
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Mã này rất giống với mã trên. Chúng tôi đang gọi ở đây cùng một hàm với các tham số khác nhau.

Xem Thêm  LỆNH SQL theo bảng chữ cái - cách sắp xếp theo thứ tự bảng chữ cái trong sql

output 6

7. Tôi có thể nhận một số ngẫu nhiên duy nhất không?

Có, chúng tôi có thể nhận được một số duy nhất. Nhưng chúng ta không thể gọi nó là ngẫu nhiên thực sự; chúng ta có thể gọi nó là thực sự độc đáo. Không chỉ sử dụng điều này mà còn sử dụng dấu thời gian của JavaScript. Chúng tôi có thể tạo lập trình này. Chúng ta có thể lưu trữ dữ liệu đã được tạo ngẫu nhiên trong một mảng. Chúng ta có thể so sánh số mới tạo với số đã tồn tại trong mảng nếu chúng ta tồn tại trong mảng; wecan gọi lại hàm ngẫu nhiên để lấy hàm duy nhất.

Nó có an toàn không?

Không, không có gì phải giải quyết vấn đề bảo mật. Điều này không được mã hóa hoặc giải mã; nó chỉ tạo ra một số ngẫu nhiên. Chúng ta có thể tận dụng lợi ích của loại chức năng này trong việc tạo OTP (Mật khẩu dùng một lần) có độ dài cố định. Vì vậy, chúng ta nên tránh sử dụng nó cho các mục đích bảo mật. Chúng tôi có thể sử dụng nó như một chức năng tạo OTP.

Bây giờ, đã đến lúc tự kiểm tra

1. Trong JavaScript, chúng ta chỉ có thể lấy các số ngẫu nhiên của một phạm vi được chỉ định mà thôi? Đúng hay Sai?
2. JavaScript sử dụng thư viện MATH cho hàm ngẫu nhiên dựng sẵn. Đúng hay Sai?
3. Bạn có thể viết một chương trình bằng JavaScript để in một số ngẫu nhiên từ 50 đến 100 không? Bạn có thể lấy một gợi ý từ việc kiểm tra mã ở trên cho getRndInteger (10, 20).

Kết luận – Trình tạo số ngẫu nhiên trong JavaScript

Chúng tôi nên sử dụng tính năng Radom khi làm việc với bất kỳ ngôn ngữ lập trình nào để xử lý các yêu cầu kinh doanh khác nhau. Chức năng ngẫu nhiên của JavaScript có thể được sử dụng để đáp ứng nhiều loại nhu cầu kinh doanh khác nhau. Chúng tôi có thể sử dụng cùng một đầu ra JavaScript để lập trình phía máy chủ. Ví dụ: nếu chúng tôi đang sử dụng JavaScript với PHP , chúng tôi có thể sử dụng hàm này trong PHP để đáp ứng nhu cầu lập trình của mình. Chúng ta có thể sử dụng trò chơi đoán này hoặc các loại nội dung liên quan đến OTP. Chúng ta có thể sử dụng điều này để tạo bất kỳ số lượng chữ số ngẫu nhiên nào được chỉ định như chúng ta thấy trong nhiều ví dụ ở trên. Ngoài ra, chúng ta nên tránh sử dụng mã này vì đây là một chữ số ngẫu nhiên thuần túy.

Xem Thêm  AWS Lambda với Python: Hướng dẫn bắt đầu đầy đủ - làm thế nào để sử dụng lambda trong python

Các bài báo được đề xuất

Đây là hướng dẫn về Trình tạo số ngẫu nhiên trong JavaScript. Ở đây chúng tôi thảo luận về Số ngẫu nhiên trong JavaScript với các ví dụ. Bạn cũng có thể xem bài viết sau để tìm hiểu thêm –

0

Chia sẻ

Chia sẻ


Xem thêm những thông tin liên quan đến chủ đề tạo số ngẫu nhiên javascript

Generating a random number in javascript

alt

  • Tác giả: Hitesh Choudhary
  • Ngày đăng: 2018-04-19
  • Đánh giá: 4 ⭐ ( 9874 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Generating a random number in javascript

    Link to my programming Video Library:
    https://courses.LearnCodeOnline.in

    Desktop: https://amzn.to/2GZ0C46
    Laptop that I use: https://amzn.to/2Goui9Q
    Wallpaper: https://imgur.com/a/FYHfk

    Facebook: https://www.facebook.com/HiteshChoudharyPage
    homepage: http://www.hiteshChoudhary.com
    Download LearnCodeOnline.in app from Google play store and Apple App store

    Disclaimer:
    It doesn’t feel good to have a disclaimer in every video but this is how the world is right now.
    All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

    All Amazon links are affiliate links (If any).

Tạo số ngẫu nhiên trong JavaScript

  • Tác giả: completejavascript.com
  • Đánh giá: 4 ⭐ ( 9577 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết này mình sẽ tổng hợp lại một số biến thể của việc tạo số ngẫu nhiên trong JavaScript với phương thức Math.random() và các ứng dụng của chúng.

Chương trình Javascript để tạo một số ngẫu nhiên

  • Tác giả: vi.wiki-base.com
  • Đánh giá: 5 ⭐ ( 9969 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách tạo một số ngẫu nhiên sử dụng JavaScript

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 3 ⭐ ( 3142 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm thế nào để tạo ra một số ngẫu nhiên nằm trong một khoảng cho trước trong JavaScript tương tự như hàm rand() trong PHP?

Hàm Random trong JavaScript – Minh Hoàng Blog

  • Tác giả: minhhn.com
  • Đánh giá: 5 ⭐ ( 2740 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Kỹ thuật tạo một số ngẫu nhiên trong JavaScript

  • Tác giả: dienloi.com
  • Đánh giá: 3 ⭐ ( 8212 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: – Ở bài học trước, tôi đã giới thiệu sơ qua về phương thức random() của đối tượng Math, nó dùng để tạo một số ngẫu nhiên trong khoảng từ 0 đến 1 (không bao gồm số 1) – Tuy nhiên không dừng lại ở đó, nếu phương thức random() được sử dụng kết hợp

Tạo số ngẫu nhiên trong JavaScript

  • Tác giả: helpex.vn
  • Đánh giá: 4 ⭐ ( 6224 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạn đã bao giờ cần tạo một số ngẫu nhiên trong JavaScript chưa? Không. Trong C #, việc tạo một số ngẫu nhiên rất đơn giản và cung cấp nhiều tùy chọn. Lớp ngẫu nhiên được sử dụng cho cùng,…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php