렛츠기릿 자바스크립트 책 #3 객체, 배열

렛츠기릿 자바스크립트 책 #3 객체, 배열

 

 

 

 

객체

- 자료형의 일종. 다양한 값들을 모아놓은 또다른 값.

- 배열, 함수, 배열이나 함수가 아닌 객체로 구성.

 

 

 

배열

- 대괄호로 값들을 감싼 것.

- 요소 : 배열 안의 값들.

- 인덱스 : 0부터 시작하는 자릿수

 

- 값들의 자료형은 모두 같지 않아도 됨

- 배열 안에 다른 배열을 넣을 수 있음(이차원 배열)

 

- 배열 안에 다른 변수를 넣을 수 있음

 

- 배열 내부의 값은 중복 가능하며, 빈 값도 가능.

- 배열의 개수 : .length

- 빈 값도 있는 개수로 친다.

 

- 마지막 요소의 값 찾기

* 인덱스는 0부터 시작이므로 길이에서 1을 빼면 인덱스 크기가 된다.

 

 

배열에 요소 추가하기 → 대입

- 배열 앞의 괄호 숫자는 배열의 개수

- 배열의 마지막 요소 다음(제일 끝)에 값 추가

① 배열.length

② push

- 배열 맨 앞에 값 추가하기

① unshift

 

 

배열에 요소 제거 하기

- 배열 맨 마지막 값 제거

① pop

- 배열 맨 앞에 값 제거

① shift

 

 

중간 값 제거하기

- 중간 값 제거하기 : splice(시작 인덱스, 제거할 요소 개수)

- splice(시작인덱스) → 해당 인덱스부터 끝까지 모두 제거

- splice (시작인덱스, 제거할 요소개수, 교체할 값1, 교체할 값2, ... ) → 제거하고한 자리에 다른 값 넣기

① splice

② 

③

 

궁금점 ) 그러면.. 책에는 없는데 제거할 요소 수를 0으로 입력하고 교체 숫자를 입력한다면?

→ 해당 인덱스 값들을 뒤로 밀어내고 교체할 값을 삽입됨.

 

배열에 요소 추가		배열에서 요소 제거
맨 앞	unshift	맨 앞	shift
맨 끝	push	맨 끝	pop
		중간	splice

 

 

배열에서 요소 찾기

- includes : 검색 기능. 주어진 값이 배열에 존재하면 true, 존재하지 않으면 false.

- indexOf(앞부터 주어진 값 찾음),lastIndexOf(뒤부터 주어진 값 찾음) : 검색하고 싶은 값이 몇 번째 인덱스에 위치하는지 찾기

- 배열 안에 존재하지 않는 값의 인덱스를 검색하면 -1이라는 결괏값이 나온다.

includes

 

indexOf  /  lastIndexOf

- includes 로 없는 값을 검색하면 false 가 나온다.

- indexOf 로 없는 값을 검색하면 -1이 나온다.

 

 

배열 반복하기

while문

 

for문

 

 

Q. 다음 배열에서 '라'를 모두 제거. 반복문 사용. indexOf 와 splice 를 사용.
const arr = [ '가', '라', '다', '라', '마', '라' ];

변수 사용 안 했을 때

 

정답_변수 사용 했을 때

→ 변수 사용을 하게 된다면, 5번째 줄의 index = arr.indexOf('라'); 처럼 변수의 값을 다시 재 지정해줘야 한다.
그렇지 않으면 이전의 2번째 줄의 let index = arr.indexOf('라'); 에서 처음 값 1이 적용되므로 문제를 해결할 수 없음.(다른 요소를 삭제)