배열(Array)

🌻 대량의 정보를 보관하고 관리하는 법에 대해서 알아보자.

배열 기초

---

Achievement Goals

• 배열에서 사용되는 다음 용어에 대해 정확히 이해할 수 있다.
  • index, element
    
    
• 배열 요소(element)의 조회, 추가, 삭제, 복사, 분리 하는 법을 이해할 수 있다.
  • arr[0], push, pop, unshift, shift, slice, length

---

배열이란?

• 배열은 순서가 있는 값
  • 순서는 인덱스라고 부르며, 1이 아닌 0부터 번호를 매김
    
• 값은 인덱스를 이용해 접근한다.
  • myNumber라는 배열의 3번째 인덱스를 조회하려면,
    • myNumber[3] // 61
  • myNumber라는 배열의 3번째 인덱스의 값을 변경하려면,
    • myNumber[3] = 200;
    • myNumber; // [73, 98, 86, 200, 96];

---

배열에서 할 수 있는 것들

• 길이를 알아낼 수 있다.
  
  • myNumber.length; // 4
    
    
• 요소를 추가할 수 있다.
  
• 요소를 삭제할 수 있다.
  

---

배열의 반복 (Iteration of an array)

• 반복문을 이용해 배열의 요소(element)를 한번씩 출력해보자.
  

for (let i = 0; i < myNumber.length; i++) {
  console.log(myNumber[i]);
}

---

배열인지 확인하기

• 배열인지 확인하기 위해서는 Array.isArray()를 사용해야 한다.
  • not typeof
    

---

배열에 element 추가 및 삭제

• push()를 이용해 배열의 맨 뒤에 요소를 추가할 수 있다.
  
  • console.table을 통해 배열을 한 눈에 확인 가능하다.
  • 배열에 push(6)을 해서 배열의 맨 뒤에 6이 추가된 모습이다.
    
    
• pop()을 이용해 배열의 맨 뒤에 요소를 삭제할 수 있다.
  
  • 배열에 pop()을 해서 배열의 맨 뒤에서 6이 삭제된 모습이다.
    
    
• shift()를 이용해 배열의 맨 앞에 요소를 삭제할 수 있다.
  
  • 배열에 shift()를 해서 배열의 맨 앞에서 1이 삭제된 모습이다.
    
    
• unshift()를 이용해 배열의 맨 앞에 요소를 추가할 수 있다.
  
  • 배열에 unshift()를 해서 배열의 맨 앞에 1이 추가된 모습이다.
  • unshift()는 배열의 길이를 반환한다.

---

배열 요소 포함 여부 확인

• indexOf()를 이용해 배열 안에 해당 요소의 인덱스를 얻을 수 있다.
  
  • indexOf()는 해당 요소가 배열의 어느 위치에 있는지 그 인덱스를 반환한다.
  • 만약 해당 요소가 없다면 -1을 반환한다.
  • 당연히 대소문자를 구분한다.
    
    
• includes()를 이용해 배열 안에 해당 요소가 있는지 여부를 확인할 수 있다.
  
  • includes()는 해당 요소가 배열 안에 있으면 true, 없으면 false를 반환한다.
    
    
• 단, 호환성 측면에서 indexOf()는 모든 브라우저에서 다 지원이 되지만 includes()는 그렇지 않다.

---

배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글 달아주시면 수정하겠습니다. 감사합니다 :)