TIL]Unit.8 배열과 객체 - 코드스테이츠

SEB_FE_45

Section.1_Unit.8 배열과 객체

---

1. 배열

가. 배열의 개념

배열이란 대량의 데이터를 쉽게 다룰 수 있게 해주는 데이터 타입이다.

배열은 순서(index)가 있는 값(요소, element)이다.

요소를 할당할 때에는 [대괄호]를 사용한다.

let a = [1, 2, 3, 4, 5]
//[1,2,3,4,5] 는 값(element)이다.
//각 값에는 순서(index)가 존재하며, index는 0부터 센다.

a[1] === 2 // 배열변수[인덱스]로 해당 인덱스의 요소를 조회할 수 있다.
a[1] = 1 // 1번째 요소를 1로 바꾼다. // a=[1,1,3,4,5] 가 된다.
a.length === 5 // 배열변수의 길이를 확인할 수 있다.

---

나. 다양한 매서드

매서드	설명	출력
a.push(6);	배열 맨 마지막에 6을 추가	[1, 2, 3, 4, 5, 6]
a.pop();	배열 맨 마지막 요소 삭제	[1, 2, 3, 4, 5]
a.shift();	배열 맨 처음 요소 삭제	[2, 3, 4, 5]
a.unshift(1)	배열 맨 처음에 1을 추가	[1, 2, 3, 4, 5]
a.slice(0, 3)	0번째부터 3번째 요소까지 출력	[1, 2, 3, 4]
a.concat(1)	기존 배열에 1을 합치기	[1, 2, 3 ,4, 1]

이해하기 쉽게 정리하고자 위의 표로 정리하였으나, 해당 매서드들의 사용법은 mdn을 참고하는 것이 정확하다.

이 외에도 특정 값이 배열에 포함되어있는지를 확인하는 방법이 있다.

1) array.indexOf(element) === indexnumber: 배열에서 찾고자 하는 요소를 입력하면, 인덱스 번호로 알려준다. 찾고자 하는 값이 없는 경우, -1을 리턴한다. 포함여부를 확인하려면 array.indexOf(element) !== -1을 입력하면, 포함된 경우 true를 반환한다. 반대로 포함되지 않은 경우에는 false를 반환한다.

2) array.include(element) === "boolean" : 해당 요소가 배열에 포함되어있는지 여부를 알려준다. 다만, 인터넷익스플로러 브라우저에는 호환되지 않는 매서드로 가급적 indexOf를 사용하는 것이 권장된다.

---

2. 오늘의 회고

유어클래스를 통해 제공되는 학습자료는 상당부분 이해가 가능하였다.

그러나 그 내용을 가지고 코플릿 문제를 풀려고 하면, 도무지 어떻게 응용을 해야하는지 모르겠다.

이제 겨우 3주차에 너무 많은 이해도를 바라는 것도 웃기지만, 스스로에게 살짝 답답함이 느껴진다.

특히, 반복문과 조건문이 많이 어렵게 느껴진다..

다소 답답한 마음에 짜증이 나지만, 이런 과정들도 모두 성장하는 과정이라고 믿고, 더 열심히 공부해봐야겠다.

복습하자! 화이팅!