JavaScript - 배열

 

 

배열

 

• 자바스크립트에서 모든 자료형을 보관하는 변수의 모음을 배열로 처리
• 자바에서의 컬렉션과 유사

 

 

 

배열의 선언

 

• 배열 선언 시 배열의 크기를 정하거나 정하지 않고 선언할 수 있다.
  

  

  
  
  
• 배열의 길이는 가장 큰 인덱스에 1을 더한 값이 된다
  

  

  
  
  
• 자바스크립트에서는 length를 이용해 배열의 길이를 수정할 수 있다.
  길이가 0인 배열에 값을 추가하면 자동으로 배열의 길이가 늘어난다.
  

  

  
  
  
• 배열의 선언과 동시의 초기화 방법
  

  

  
  
  

---

 

배열 순회

 

• for문, for of문 등을 사용
• for of는 자바의 for-each와 비슷하다.
  

  

---

 

배열 메소드

 

• 배열도 하나의 객체이기 때문에 배열에서 활용할 수 있는 메소드들이 있다.
• push, pop : 배열의 맨 뒤에 요소 추가/제거
  

  

  
  
  
• shift : 배열의 맨 앞 요소 제거 후 반환
  unshift : 배열의 맨 앞에 요소 추가
  

  

   
• slice(시작 인덱스, 종료 인덱스) : 배열의 요소 선택 잘라내기, 종료 인덱스는 미포함
• splice(index, 제거수, 추가값1, 추가값2, ...) : 배열의 index 위치의 요소 제거 및 추가
  

  

  
  
  
• concat : 두 개 이상의 배열을 결합
  

  

  
  
  
• forEach(function(value, index, array){ .. } 
  

  

  
  
  
• indexOf : 배열에서 요소가 위치한 인덱스를 리턴
  lastIndexOf : 배열의 요소가 위치한 마지막 인덱스를 리턴
  includes : 배열에 해당 요소 포함 여부 리턴

 

 

• map : 배열 요소 전체를 대상으로 함수 호출 후 결과 배열로 반환(배열 변형)
  ex )map(function(value, index, array){ ... })
  참고 - index, array는 꼭 안넣어줘도 된다.(자동으로 크기가 조절되기 때문)

 

 

• sort : 배열을 정렬 기준으로 정렬, 원본 데이터의 순서 자체가 변함
  reverse : 배열의 순서를 뒤집음, 원본 데이터의 순서 자체가 변함
  
  

 

 

• split : 문자열 구분자로 잘라 배열로 반환
  join : 배열을 구분자로 결합하여 문자열로 반환