02 배열과 오브젝트 Array & Object
Array 배열과 Object 오브젝트
1. Array 배열
2. Object 오브젝트
우리는 데이터를 만들 것이다.
그리고 그것을 가져다 써야 할 뭔가를 또 만들 것이다.
데이터를 만드는 방식을 간단히 살펴보자.
Array는 여러 속성 값들을 나열하여어 하나의 통 안에 넣어둔다는 의미이며
Object는 속성과 값을 대응시켜 나열하여 담아둔다는 것에서 차이가 있다.
1. Array 만들기
배열이라는 것 자체는 데이터 관리를 편리하게 하기 위해 만들어진 것이다.
string과 같은 데이터가 무수히 많이 있는데, 그 안에서 무언가를 꺼내와서 사용하고 싶을 때
어디에 있는 몇 번째 아이를 가져오겠다. 할 경우에 배열을 사용한다.
보통 변수 하나에 하나의 값을 가지는데, 이는 여러 값을 동시에 담을 수 있다는 차이가 있는 것이다.
다음과 같은 요일 정보를 하나의 변수에 담을 수 있는 것이다.
요일 데이터를 갖고 있는 배열 'dayOfWeek'라는 것에서 0,1,2,3 번째 있는 것, "tur" 이것을 불러올 수 있게 되는 것이다.
자, 이제 그럼 dayOfWeek 배열에 누락된 요일이 하나 있는데, "sun"이라는 요일이다.
이걸 해당 변수에 추가하고 싶을 때는. push()라는 명령으로 값을 추가해서 넣어주면 된다.
콘솔을 확인해보자. 'sun'이 추가되었고, 데이터의 개수는 7개라고 나온다.
2. Object 만들기
지금까지 어떤 변수에 속하는 리스트를 만드는데 필요한 배열을 알아봤고, 이제 Object를 만들어보자
게임 같은 걸 상상하면 좋을것 같다.
게임 캐릭터를 보면 혹은 내 프로필을 보면 여러 가지 속성이 있다.
이런 것들은 단순한 리스트가 아니고, 각각 항목이 있고, 또 그 항목이 뭔가 특정 값을 갖고 있다. 즉 특정값을 갖는 리스트라고 보면 맞을 거 같기도 하다. 하나의 변수에 속성과 값을 함께 담아둔다는 것이 특징이다.
예를 들어 player가 있고, 그의 이름, 포인트, 외모, 몸무게 등등의 프로퍼티가 있다고 하자.
그리고 이름은 뭐고, 포인트는 몇이고 하는 값들이 있을 것이다.
이걸 위에서 처럼 배열을 사용해서 리스트처럼 만들 수 있을 것이다.
하지만 배열에는 값만 있을 뿐 이것이 무엇의 값인지는 알 수가 없다.
그래서 이럴 때 속성과 값을 대응시켜 담아둘 필요가 있어진다.
그러면 속성을 찾아 불러내면 값을 알 수가 있게 된다.
Tips.
배열을 만드는 것은 간단했지만, 오브젝트를 만드는 것은 약간 차이가 있다. 대괄호로 묶어주면서, 그 안에 속성들을 나열하고, 대응하는 값을 넣고, 콤마(,)로 나열해주는 형식이다. 그럼 그 플레이어의 모든 속성과 값을 불러올 수도 있고, 이름을 따로 불러온다든가, 수정한다든가, 아니면 어떤 속성 자체를 추가할 수도 있다.
오브젝트 이름이 있고, 점이 있고, 뒤에 변수가 붙는 형식.
console.log에서 보는 것과 비슷해 보이는 것을 우리가 직접 만들어서 써본 것이다.
console.log도 일종의 오브젝트와 비슷한 것이라고 일단 생각하면 되고, 우리가 그걸 만들 수 있게 된 것이 중요한 것이다.
BR h.