(32) JavaScript - 배열(Array) / 다차원 배열

배열의 요소에도 특별히 제한된 자료형이 없다.

객체의 프로퍼티 값과 같이 어떠한 값이든 모두 할당할 수 있는데,

그래서 배열 역시 배열의 요소가 될 수 있다.

    //다차원 배열
    let twoDimensional = [[1,2], [3,4]]

▲ 이렇게 배열 안에 배열이 들어가게 되면 이것을 2차원 배열이라고 부른다.

만약 배열 안에 2차원 배열이 또 들어가게 되면 3차원 배열이라고 부를 것이다.

이렇게 배열의 요소에 배열이 들어가는 형태를 가리켜서 다차원 배열이라고 부른다.

 

다차원 배열 (multidimensional array)

    //다차원 배열
    let twoDimensional = [[1,2], [3,4]]

▲ 이 2차원 배열의 각 요소에 접근하려고한다.

만약 '2' 값에 접근하고 싶으면 일단 'twoDimensional'의 0번 인덱스에 접근해야한다.

    //다차원 배열
    let twoDimensional = [[1,2], [3,4]]

    console.log(twoDimensional[0]); //[1, 2]

▲ 실행해보면 [1, 2]를 담은 배열이 출력될텐데 다시 또 배열에 들어가야하므로 1번 인덱스에 접근해준다.

    //다차원 배열
    let twoDimensional = [[1,2], [3,4]]

    console.log(twoDimensional[0]); //[1, 2]
    console.log(twoDimensional[0][1]); //[2]

▲1번 인덱스에 접근하면 2라는 값에 도달하여 출력이 된다.

 

이러한 다차원 배열을 활용해보자면..

---

    let myNickname = [
        ['섭이', '행섭', '쑹빵이','박스터섭이' ,'유니피섭이'], 
        ['쑹쑹이', '윤쑹빵', '섭섭', '슥이']
    ]

    let favoriteNumber = [
        [1, 2, 7, 18, 1004], 
        [77, 777, 10597]
    ]

    let alphabet = [
        ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
        ['H', 'I', 'J', 'K', 'L', 'M', 'N'],
        ['O', 'P', 'Q', 'R', 'S', 'T', 'U']
        ['V', 'W', 'X', 'Y', 'Z']
    ]

▲ 위 코드는 다차원 배열을 활용한 것이며 

만약 의미를 부여하고자 하면 아래와 같이 객체를 만들어 줄 수 있다.▼

    let myNickname2 = {
        gameNickname: {
            '메이플스토리' : ['행섭', '쑹빵이'],
            '서든어택' : ['박스터섭이','유니피섭이']
        },
        casualNickName: {
            '여자친구' : ['쑹쑹이', '윤쑹빵'],
            '친구들' : ['섭이', '섭섭', '슥이']
        }
    }

 

하지만 굳이 이런 의미들이 중요하지 않고 여러가지 값들을 가지고서 

순서나 위치에 중점을 두는 정보가 필요하다면 이렇게 다차원 배열을 활용 할 수 있다는 점이다.

---

★GitHub 주소 (다차원 배열)

https://github.com/SeopE9611/JavaScript_soloPlay/blob/8e9201a0e312f9adafd6b9cc722307d4b2310446/Basic/9-%EB%B0%B0%EC%97%B4/5.%EB%8B%A4%EC%B0%A8%EC%9B%90%EB%B0%B0%EC%97%B4.html

JavaScript_soloPlay/Basic/9-배열/5.다차원배열.html at 8e9201a0e312f9adafd6b9cc722307d4b2310446 · SeopE9611/JavaScript_so

 

★ Notion 주소 (배열 응용)

https://purrfect-gargoyle-935.notion.site/Array-112e9530b3e180ef95fce5cd07ac2612?pvs=4

배열(Array) 팀 나누기 | Notion