자바스크립트 랜덤하게 배열 요소 꺼내기, random()

 

2020/12/27 - [각 종 it/티스토리 등 프로그래밍] - 자바스크립트 타이머! setTimeout(), setInterval(), 좀 있다 꺼줄래? 그리고 랜덤으로 유튜브 리스트 실행 해 주고.

자바스크립트 타이머! setTimeout(), setInterval(), 좀 있다 꺼줄래? 그리고 랜덤으로 유튜브 리스트 실

유튜브 랜덤 재생기를 구현하기는 했는데... 뭔가 아쉬운 점이 있다.

기존 것은 한 리스트 것만 된다는 것이다.

물론 한명의 유튜버가 뭐든지 잘하면 좋지만... 정보 수집 능력이라든지 특히 시간에 구속 된다면 뭐든 주제를 다 다루지는 못한다. 그래서 다수의 유튜버들이 활동 할 수 있는 요인이 되지만,

즉 이번에 구현 할 것은, 

 

'여러 유튜브 리스트들을 랜덤으로 선정, 그 선정된 유튜버의 리스트 중 랜덤으로 영상을 실행하는 것이다.'

말로 하면 어렵다. 직접 보자.

 

 

현재 위 재생기는 '따구애니', '리뷰카페', '구스애니' 유튜버들의 영상을 넣었다.

f5나 새로고침을 몇 번 해봐라.

그러면, 위 유튜버들이 랜덤으로 선택되고 그 유튜버들의 영상이 랜덤으로 선택 되 재생된다.

이것을 가능하게끔 만든 개념이,

배열이다.

배열이 뭔지는 알 것이다. 여러 요소를 하나로 묶어 놓은 것이라고 보면 된다. 어레이라고 하는데, 이러한 개념은

2020/11/14 - [잡's생각/신재생에너지 & 전기] - 태양광 PV, 셀, 모듈, 잉곳, 웨이퍼, 전지판, 태양전지, 패널... 용어 정리 좀 해 보자.

태양광 PV, 셀, 모듈, 잉곳, 웨이퍼, 전지판, 태양전지, 패널... 용어 정리 좀 해 보자.

태양광 모듈 배치 할 때도 볼 수 있다. 하나의 모듈이 직렬로 연결 되어 있으면 우리는 스트링 또는 군별이라고 하고, 이 스트링이 하나의 묶음으로 이루어 지면 우리는 어레이라고 한다. 이는 주로 접속함으로 구별한다. 

무튼 이러한 개념으로 봤을 때 어레이, 아니 배열은 단순히 요소(엘레멘트)들을 일렬로 나열 한 것이 아니라 매트릭스처럼 구조가 이루어 질 수 있음을 짐작 할 수 있다.

랜덤으로 유튜버를 선정하는데 배열을 사용한 이유는 결국 여러 요소(유튜버)들 중 하나를 선택하기에는 인덱스라는 개념을 가진 배열이 쉽고 유용하기 때문이다.

 

백문이불여일견!

우선, 코드는 자바스크립트 배열에서 요소, 랜덤하게 아무거나 무작위 추출 함수; JavaScript Random Array Item (mwultong.blogspot.com)

자바스크립트 배열에서 요소, 랜덤하게 아무거나 무작위 추출 함수; JavaScript Random Array Item

이 분에게서 가져왔다.

필자가 간단하게 정리 해 보자면,

<script type="text/javascript">
var myTest = new Array('AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'ZZZ');
function randomItem(a) {
  return a[Math.floor(Math.random() * a.length)];
}	 
randomItem(myTest);
</script>

이렇게 사용하면 된다.

우선 어레이를 구성하고 랜덤아이템이라는 함수를 만든 뒤, 랜덤하게 배열 요소를 꺼낼 수 있는 구문을 구성하고

마지막으로 랜덤아이템 함수를 구현 하면 된다.

위 구문을 실행하면, 배열 요소 6가지 중 하나를 제시 하게 된다.

 

못 믿겠으면 f5 연타~

 

기존의 검색기 코드를 이용 사용자향 인터페이스를 구현 할 수는 있지만... 귀찮다.