반응형

    js 썸네일

     

    [JS] 배열 섞어주는 함수

     

    http://tcpschool.com/c/c_array_oneDimensional

    배열이란 자료 구조의 종류 중 하나이다.

     

    배열을 섞어주는 함수에 대해서 알아보도록 하자

     

     

    코드

    // 배열 섞기 함수
    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
    • 네이버 블러그 공유하기
    • 네이버 밴드에 공유하기
    • 페이스북 공유하기
    • 카카오스토리 공유하기