자바스크립트 random, floor 함수로 배열에서 무작위로 값 추출하기

JavaScript를 사용하여 배열에서 무작위로 값을 추출하는 방법을 설명하겠습니다. 이를 위해 “Math.random()” 함수와 배열의 인덱스를 조합하여 무작위 값을 추출할 수 있습니다. 이와 같이 JavaScript를 사용하여 배열에서 무작위로 값을 추출할 수 있으며, 이를 활용하여 다양한 무작위 선택 작업을 수행할 수 있습니다.

 

 

아래에 소개할 함수들의 사용법은 다음 포스팅을 참고하세요.

 

▼ Math.random() 사용법 참고

https://mainia.tistory.com/6939

 

▼ Math.floor() 사용법 참고

https://mainia.tistory.com/6940

 

 

◎ 1. 무작위로 값을 추출하는 함수

 

 

무작위로 값을 추출하는 함수를 만들었습니다. 함수는 배열 객체를 인수로 받습니다. randomIndex 변수에는 1부터 배열의 길이 사이의 정수가 저장됩니다. 이를 위해 Math.random() 함수로 생성한 난수에 배열 길이를 곱하고, Math.floor() 함수를 사용하여 소수점 이하를 제거합니다.

 

// 배열에서 무작위로 값을 추출하는 함수 function getRandomValue(arr) {     const randomIndex = Math.floor(Math.random() * arr.length);     return arr[randomIndex]; }

 

 

◎ 2. 배열에서 무작위로 과일 추출

 

 

위의 배열 객체를 사용해서 무작위 추출하는 예제를 구현해 보겠습니다. “getRandomValue” 함수를 사용하여 “fruits” 배열에서 무작위로 과일을 추출합니다. 이 함수는 “Math.random()”을 사용하여 0과 1 사이의 무작위 숫자를 생성하고 배열의 길이에 곱한 후 “Math.floor()”를 사용하여 가장 가까운 정수로 반올림합니다. 이렇게 얻은 무작위 인덱스를 사용하여 배열에서 값을 추출합니다. “randomFruit” 변수에는 “fruits” 배열에서 무작위로 선택된 과일이 저장됩니다.

 

const fruits = ["사과", "바나나", "체리", "딸기", "오렌지"]; const randomFruit = getRandomValue(fruits);

 

 

◎ 3. 여러 번 실행하여 다른 결과 확인

 

 

“getRandomValue” 함수를 여러 번 실행하여 다른 결과를 확인합니다. 이렇게 하면 배열에서 무작위로 다른 과일이 출력됩니다. 예를 들어, 다섯 번 실행한 결과가 다를 수 있습니다. 출력은 무작위로 선택된 과일의 이름입니다.

 

for (let i = 0; i < 5; i++) {     const randomFruit = getRandomValue(fruits);     console.log(“랜덤 과일: ${randomFruit}”); }

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 ▶ 자바스크립트 display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법