[JS] 자바스크립트 배열에 담긴 요소 랜덤 선택하기

1. Math() 메소드

• 수학 상수와 함수를 위한 프로퍼티와 메소드를 제공하는 객체 
• 웹브라우저마다 다른 결괏값을 얻을 가능성이 높음
• 따라서 아주 정확한 결괏값이 필요한 작업에는 추천하지 않음

 

Math.min() 

인수로 전달받은 값 중에서 가장 작은 수를 반환

 

Math.max()

인수로 전달받은 값 중에서 가장 큰 수 반환

 

Math.random() 

0보다 크거나 같고 1보다 작은 무작위 숫자 반환 

 

Math.floor() 

인수로 전달받은 값과 같거나 작은 수 중에서 가장 큰 정수 반환

Math.floor(10.95);
>> 10

Math.floor(11.01);
>>11

 

Math.ceil() 

인수로 전달받은 값과 같거나 큰 수 중에서 가장 작은 정수 반환

Math.ceil(10.95) 
>>11

Math.ceil(11.01)
>>12

Math.ceil(-10.9)
>> -10

 

2. Math() 메서드로 랜덤 선택하기 

• Math.random()은 0에서 1사이의 소수를 랜덤하게 생성해준다.
• 여기에 배열의 길이를 곱해준 다음 Math.floor()을 통해 정수로 만들어주는 것이다.

const colors = ["red", "blue", "green", "yellow", "orange"];

const color = colors[Math.floor(Math.random() * colors.length)];

#1. colors라는 배열 생성
#2. colors라는 배열에서 Math.random 메서드로 랜덤 생성 * 배열의 길이 곱해줌
#3. Math.floor로 정수로 만들어줌