반응형
[JS] 배열 섞어주는 함수
배열이란 자료 구조의 종류 중 하나이다.
배열을 섞어주는 함수에 대해서 알아보도록 하자
코드
// 배열 섞기 함수
const shuffleArray = array => {
for (var i = 0; i < array.length; i++) {
var j = Math.floor(Math.random() * (i + 1));
const temp = array[i]; //빈 곳에 배열i를 저장
array[i] = array[j]; //배열 j를 배열 i에 저장
array[j] = temp; //상수 x를 배열 j에 저장
}
return array;
};
temp라는 변수, array[i] (array배열 i번째), array[j](array배열 j번째)
temp에 array[i]의 값을 저장
array[i]에 array[j]의 값을 저장
array[j]에 temp의 값을 저장
하나의 빈 공간을 만들어서 값을 교환 해주는 함수이다.
예) 배열[사과,바나나]
array[i] = 사과
array[j] = 바나나
temp에 사과 저장
array[i]에 바나나
array[j]에 사과
array[i] = 바나나
array[j] = 사과
값이 서로 바뀌는 것을 확인 할 수 있다.
실제로 바뀌는지 확인 해보자
예시
코드팬
See the Pen array shuffle by 윤재현 (@jh91) on CodePen.
2021.05.14 - [웹언어/코드공유] - [코드공유] 필터 갤러리(반응형) 만들기
[코드공유] 필터 갤러리(반응형) 만들기
[코드공유] 필터 갤러리(반응형) 만들기 필터 갤러리를 만드는 코드를 공유하고자 한다. 필터는 내가 원하는 부분만을 찾기 위한 장치이기에 필터에 해당되는 이미지를 보게 해주는 코드를 만들
jh91.tistory.com
반응형
'웹언어 > JavaScript' 카테고리의 다른 글
[JS] 반응형 코드 만들기 (10) | 2021.05.22 |
---|---|
[JS] 페이지 이동 (10) | 2021.05.18 |
[JS] 쿠키 만들기 / 제어하기 (6) | 2021.04.28 |
[JS] 프로그래스 조절 (2) | 2021.04.12 |
[JS] 책 넘기는 효과 turn.js (2) | 2021.04.07 |