본문 바로가기

Learn/Javascript

배열 정리

학습 목표

  • 배열에서 특정 인덱스(index)의 요소(element)를 조회하거나, 변경할 수 있다.
  • length 속성을 이용하여 배열의 길이를 조회할 수 있다.
  • 배열의 요소가 배열인 이중 배열을 이해하고, 이중 배열의 요소를 조회하거나 변경할 수 있다.
  • 배열의 각 요소에 대하여, 반복하는 코드를 실행시킬 수 있다.
  • 배열에서 사용되는 다양한 메서드를 알고 사용할 수 있다.
    • split(), join(), slice(), splice(), Array.isArray(), push(), unshift(), pop(), shift(), indexOf(), includes()

배열

다량의 데이터를 다룰 수 있는 데이터 타입

순서(index)가 있는 값 (element)
1이 아닌 0부터 번호를 매김

 

ex. let myNumber = [73, 98, 86, 61, 96] 
myNumber[3] ;    // 61

값을 변경하려면 
myNumber[3] = 200 ; 
->[73, 98, 86, 200, 96]

 

배열에서 사용되는 다양한 메서드

1.원본 배열을 수정하는 메서드

push() : 배열 마지막에 추가

pop ()  : 배열 마지막 값 삭제

shift ()  : 배열 처음 값 삭제

unshift () : 배열 처음에 추가

 

2.원본 배열을 수정하지 않는 메서드

원본 배열과 함께 새로운 배열을 생성

 

slice(n,n2)  : n번째 부터 n2 앞에 까지 생성 -> 새로운 배열을 생성하는 거기 때문에 복사로 인식하는게 편함

-일 경우 slice(2,-1) 는 세번째부터 끝에서 두번째 요소까지 추출합니다.

arr.concat(arr2)  : arr 배열에 arr2 배열을 합침. 

splice(n,n2,i) : n번째 값에 n2만큼 제거 후 i 값 입력

3. 그 외

 

array.isarray() : 특정 값이 배열인지 아닌지 판별 

ex. let words = ['피', '땀', '눈물']
     Array.isArray(words) = true

 

indexOf, includes
: 특정 값이 배열에 포함되어 있는지 확인

 

for .... of 문

for (let el of arr) 일 때
el === arr[i]
i = 0~ arr.length -1
배열의 '모든 요소'를 순회하고 싶을 때 사용
반복문 내부에서 index를 사용해야 할 때는 불편 

 

 

'Learn > Javascript' 카테고리의 다른 글

스코프 정리  (0) 2023.01.03
원시 자료형과 참조 자료형 정리  (0) 2023.01.02
객체 정리  (0) 2022.12.31
반복문 어려웠던 문제 피드백  (0) 2022.12.20
조건문 어려운 문제 피드백  (0) 2022.12.19