배열

• 순서가 있는 값
• 순서: 인덱스 (0부터 번호를 매김)
• 값: 요소

배열의 속성

length : 배열의 길이

• 배열명.length

• 빈 배열인지 확인하기

arr.length === 0

cf) arr === []로는 확인 할 수 없다. [] === []은 false이다. 자바스크립트 상에서는 두 배열을 주소가 다른 두 개의 빈 배열이라고 생각하기 때문.

배열의 반복

• 반복문을 이용해 배열의 요소를 한 번씩 출력하려면?

let myNum = [23, 53, 72, 24, 17];

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

• 배열의 요소를 모두 더한 값은?

let myNum = [10, 20, 40, 10];
let sum = 0;
for (let i=0; i<myNum.length; i++) {
  sum += myNum[i]
}

배열 메서드

배열 판별

Array.isArray()

• Array.isArray(판별할 배열)
• ARGUMENTS(매개변수): 판별할 배열
• RETURN VALUE(반환 값): true or false

• 배열인지 판별
• 배열에 typeof를 쓰면 object라고 나옴. (객체 등과 구분 불가)

---

배열의 요소 추가, 삭제

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

* Mutable

• arr.push(추가할 요소)

pop() : 배열의 마지막 요소 삭제

* Mutable

• arr.pop()

unshift() : 배열의 처음에 요소 추가

* Mutable

• arr.unshift('추가할 요소`)

shift() : 배열의 첫 요소 삭제

* Mutable

• arr.shift()

---

배열에서 요소 찾기

indexOf() : 요소의 인덱스

• arr.indexOf(찾을 요소)

• 대소문자 구분됨 (A !== a)
• 찾는 요소가 없으면 -1 반환

  let words = ['hi', 'good', 'morning']
  	word.indexOf('good') !== -1 // true

includes() : 요소가 포함됐는지 여부

• arr.includes(찾을 요소)

---

배열 복사, 자르기

slice() : 배열 복사해서 자르기

* Immutable

• arr.slice(시작 인덱스, 끝 인덱스(포함 X))
• arr.slice(시작 인덱스) : 시작 인덱스 부터 끝까지
• arr.slice() : 배열 전체 복사

splice() : 배열에서 요소 삭제하고 추가하기

* Mutable

• arr.splice(삭제 시작 인덱스, 삭제할 요소 숫자, 추가할 요소1, 추가할 요소2...)

---

기타

join() : 배열의 요소 연결해 문자열로

* Immutable

• arr.join() : 요소 사이 쉼표로 연결
• arr.join('') : 요소 사이 띄어쓰기 없이 붙임
• arr.join('요소 사이에 넣을 문자열')

concat() : 배열 합치기

* Immutable

• 배열1.concat(배열2 또는 추가할 요소) : 배열1과 배열2(또는 추가할 요소)를 합친 배열 리턴

---

기타 (배열 메서드 X)

split() : 문자열을 배열로 (string 메서드)

• str.split() : 문자열 전체(str)가 유일한 요소인 배열
• str.split('') : 글자 하나하나가 요소
• str.split(' ') : 단어(띄어쓰기 기준) 하나가 요소

---