[JS]배열 간단 요약

1. let 배열명 = [값1, 값2, 값3 ....];
각 값은 요소(element)라고 부른다.
각 요소에 접근은 인덱스(0부터 시작)로 접근한다.

 

2. 배열 요소 접근하기
배열명[index];

 

3. 배열도 객체다
배열 관련된 프로퍼티와 메소드를 사용할 수 있다.

배열명.length or 배열명['length']
배열의 크기

배열 요소 추가
배열명[추가할인덱스] = 요소값;
* 배열의 최대크기를 뛰어넘어서 추가하면 중간에 빈 요소는
undefined가 된다.

배열 요소 수정
배열명[수정할인덱스] = 수정값;

배열 요소 삭제하기
delete를 사용하면 undefined로 남아있는다.


4. splice메소드
배열명.splice(인덱스);
배열의 인덱스 포함 뒤의 요소를 전부 삭제한다.

배열명.splice(인덱스, 갯수);
인덱스부터 갯수만큼의 요소를 삭제한다.
*한개를 삭제할 때는 갯수를 1 입력

배열명.splice(인덱스, 갯수, 값1, 값2, ...);
삭제를 실행한 후에 3번째 인수부터는 그 값을 요소로 추가한다.

*응용
배열명.splice(인덱스, 0, 값1);
해당 인덱스에 값을 추가한다.

배열명.splice(인덱스, 1, 값1);
해당 인덱스를 삭제하고 값1을 추가한다.(수정)


5. 다른 메소드
배열의 첫 요소를 삭제
배열명.shift();

배열의 마지막 요소를 삭제
배열명.pop();

배열의 첫 요소부터 값 추가
배열명.unshift(추가할값, 2, 3 .....);

배열의 마지막 요소부터 값 추가
배열명.push(추가할값, 2, 3 ....);

해당 값의 인덱스 찾기 /// 반대순서로 찾기
배열명.indexOf(요소값);  ///  배열명.lastIndexOf(요소값)
*포함되어 있지 않다면 -1 이 반환된다.

배열 안에 특정 값이 있는지 확인하기
배열명.includes(요소값);
값의 여부를 true, false로 반환한다.

배열 뒤집기
배열명.reverse()
배열 요소의 순서가 역순으로 바뀐다.


6. for ... of 반복문
of를 사용하면 배열의 '요소'에 접근할 수 있다
for(let i of 배열){
  반복문 내용;
}
* 배열의 경우 in을 사용할 수 있지만 모든 프로퍼티에 접근하는 방식이기 때문에 특정 상황에서는 배열 안의 메소드나 length 프로퍼티 같은 것들에 접근할 수도 있기때문에 사용하지 않는 것을 권장한다.

배열의 요소에도 객체와 마찬가지로 어느 값이든 넣을 수 있다.