[JavaScript] getting a Random Number

Vue를 배우면서 Monster slayer를 만드는 과제를 진행중이다. 몬스터를 공격해서 이기는 게임을 만드는데 몬스터에게 공격할 때마다 랜덤의 숫자가 들어간 데미지를 주어야 한다. 여기서 랜덤 숫자 구하는 방법을 알게되어 소개한다.

function getRandomValue(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

• 아래의 그림과 같이 min과 max를 설정해주면 set 된 range의 숫자들이 새로고침 할 때 마다 random으로 나타난다.

• Math.floor ➡️ 소수점을 항상 내림 해주는 함수이다. e.g. 3.1 → 3 / 3.5 → 3 / 3.9 → 3 / 2.9 → 2
• Math.random ➡️ 0~1사이의 랜덤한 숫자를 나타낸다.
• 랜덤한 수를 나타내는 range를 설정해주면 (최소값과 최대값) 그 수들을 통해 값을 설정해 줄 수있다.
  • 예를 들명 최소가 1 최대가 10이면 (최대 - 최소)*최소 (즉, (10 - 1)+1 = 10) 이 경우 1~9까지의 수를 랜덤하게 던져준다. (10, 즉 최대-1까지 랜덤으로 나옴)
  • 최소~최대범위의 수를 구하고싶으면 최소+1을 해주면 가능하다.

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