[D+04] 배열과 객체

 

 

D+04

-  배열과 객체 -

(배열, 객체)

 

---

 

 

배열

• 배열은 순서가 있는 값으로 '값'을 나타내는 요소 엘리먼트(element)와 '순서'를 나타내는 인덱스(index)로 구성되어 있다.

 

• 순서를 나타내는 인덱스는 0부터 시작한다.

 

•배열 안에 배열을 넣어 사용할 수 있다. (다차원 배열)

 

 

배열 선언

•배열은 대괄호를 사용해 나타내며 엘리먼트를 구분 짓기 위해 쉼표(,)를 사용해 준다.

 

• 배열은 순서가 있기 떄문에 인덱스 값 순차적으로 엘리먼트를 넣어준다.

 

• 대괄호([])를 사용해 열어주고 닫아준다.

 

 

배열 활용하기

• 배열 불러오기

oddNumber[1]; // oddNumber라는 배열의 1번째 인덱스가 머야? --> 3

 

•배열 값 변경

oddNumber[1] = 300; // oddNumber라는 배열 1번째 인덱스의 값을 300으로 변경해줘

 

 

arr.length

• 배열의 길이를 알아내는데 사용한다.

oddNumber.length; // oddNumber배열의 길이가 얼마야? ---> 5

 

 

배열의 추가와 삭제

• arr.push(element) : 배열 마지막에 요소 추가하기

oddNumber.push(11); //oddNumber라는 배열 가장 마지막에 11이라는 값 넣어줘

 

• arr.pop() : 배열 마지막에 요소 삭제하기

oddNumber.pop(); //oddNumber라는 배열 가장 마지막 요소를 삭제해줘

 

• arr.unshift(element) :배열 첫 번째에 요소 추가하기

oddNumber.unshift(11); //oddNumber라는 배열 맨 앞에 11이라는 값 넣어줘

 

• arr.unshift() : 배열 첫 번째에 요소 삭제하기

oddNumber.shift(); //oddNumber라는 배열 맨 앞 요소를 삭제해줘

 

 

Array.isArray( obj )

기존에 값들의 타입을 알아보기 위해서 우리는 'typeof(operand)'를 사용해 왔다.

 

하지만 typeof에 배열을 입력하면 'object'라는 값이 나온다.

 

이를 해결하기 위해 Array.isArray(obj)를 사용해 준다면 안에 넣은 오브젝트 값이 배열인지 아닌지 true와 false로 결과가 나온다.

 

 

배열의 존재여부 확인하기

• arr.indexOf(element)

해당 엘리먼트를 갖고 있는 배열의 위치를 알려주는 메서드로

해당 값이 있을 경우엔 배열의 위치를 알려주고 값이 없을 경우엔 '-1'이 나온다.

 

•arr.includes(element)

해당 배열이 엘리먼트를 포함하고 있으면 true를

포함하지 않으면 false를 내보낸다.

 

콘솔 창에서 배열을 보기 쉽게 불러오는 법

• 기존에 배열을 선언한 방식으로 내보내는 것이 아닌 테이블 형식으로 배열을 불러오고 싶다면 콘솔 창에 console.table(arr)를 입력해주면 된다.

 

 

---

객체

한 가지 대상에서 여러 개의 변수가 나올 경우에 변수를 하나하나 입력해 주면 선언한 변수의 양이 많아질 뿐만 아니라 각 변수는 변수명만 같을 뿐 연관성이 전혀 없다.

 

또한 이를 해결하기 위해 배열을 만들었을 경우, 배열은 인덱스와 엘리먼트로 구성되어 있기 때문에 각 엘리먼트가 나타내는 것이 무엇인지를 알기가 어렵다.

 

그렇기 때문에 값들을 한번에 나타낼 수 있으며, 값들이 나타내는 것이 무엇인지 알 수 있는 객체를 사용한다.

 

 

객체의 선언

• 객체는 키와 값 쌍으로 이루어져 있으며, 각쌍들을 구분 짓기 위해 쉼표(,)를 사용한다.

 

• 중괄호({})를 사용해 열어주고 닫아준다.

 

 

객체의 값을 사용하는 방법

•Dot notation

user.name; // user라는 객체의 키 name의 값을 구해라 ---> 'Jenny'

 

•Bracket notation

user['name']; // user라는 객체의 키 name의 값을 구해라 ---> 'Jenny'

 

 

delete 객체.키

•객체 안에 있는 key와 key안에 들어있는 값을 쌍으로 제거해 준다.

delete user.email; // user객체에 있는 email이라는 키와 키안에 있는 값 제거해 줘

 

 

 

'key' in 객체

•객체 안에 해당 키가 있는지 확인해 준다.

'name' in user; // user라는 객체에 name이라는 키가 있니? ---> true