Unit8-[JavaScript] 배열 응용

📌  배열 메서드

📐  원본 배열을 변경하는 메서드 : mutable

✅ push() : 맨 뒤 요소 추가 -> 변경된 배열의 길이 리턴

 

✅ pop() : 맨 뒤 요소 제거 -> 제거된 요소 리턴

 

✅ unshift() : 맨 앞 요소 추가 -> 변경된 배열의 길이 리턴

 

✅ shift() : 맨 앞 요소 제거 -> 제거된 요소 리턴

 

✅ splice() : 원본 배열 에서 잘라내기

원본 배열 보존 안됌.

추가도 가능

 

✅ reverse() : 배열 인덱스 전체를 뒤집음

 

✅ fill() : 배열 요소 전체를 () 로 바꿈

📐  원본 배열을 변경하지 않는 메서드 : Immutable

✅ slice () : 원본 배열 복사 ( 원본 배열 그대로 유지 )

배열에 대해 얕은 복사가 일어난다.

깊은 복사와 얕은 복사 -> 이건 심화 학습 과제!

Unit9과제에도 등장

 

✅ concat() : 원본 배열 복사 한후 뒤에 추가

 

 

✅ join() : 배열을 문자열로 만듬 괄호안에 들어오는게 구분자로 사용됨

//? -> 16번, 17번 문제

 

✅ split() : 문자열을 배열로 만듬 괄호안에 들어오는게 구분자로 사용됨

 

📐  그 외 메서드

✅ indexOf()

index0f() 값이 -1 이 리턴 되면 배열 요소에 없는 것이다.

그러므로 배열에 어떤 값이 있는지에 대한 유무를 확인하고 싶을때는 아래와 같은 함수를 쓰면 된다.

let arr7 = [0,1,2,3,4,5,6,7,8]
function CheckArrayElements (num) {
    for(let el=0; el<=arr7.length-1; el++){
        if(arr7.indexOf(num) !== -1){
            return true;
        }else {
            return false;
        }
    } 
}

 

✅ includes()  : 위와 같은 함수의 역할을 하는 메서드

 

📌 배열과 반복문

배열은 반복문을 사용하기에 매우 좋은 자료형이다.

배열의 길이와 인덱스를 활용하여 배열 내부에 있는 모든 요소를 순회할 수 있다.

 

 

✅ for ~ of 문

배열의 '모든 요소'를 순회할 때는 for of문을 사용하면 더 간결하고 편리하다.