04. entries() 메서드

entries() 메서드는 배열의 각 인덱스에 대한 속성 값을 반환합니다

{
        let fruits = ['apple', 'banana', 'cherry'];

        // 배열의 entries() 메서드를 사용하여 배열 요소에 대한 반복자(iterator)를 생성합니다.
        let iterator = fruits.entries();

        // for...of 루프를 사용하여 배열 요소를 순회하면서 인덱스와 값을 얻습니다.
        for (const entry of iterator) {
                console.log(entry);
        }
        // 출력 결과:
        // [0, 'apple']
        // [1, 'banana']
        // [2, 'cherry']
}

이 메서드는 배열의 각 요소를 키-값 쌍의 형태로 나타내는 새로운 Array Iterator 객체를 반환합니다. 이 메서드는 배열의 각 요소에 대한 인덱스와 값을 포함하는 새로운 배열 반복자(iterator) 객체를 반환합니다.
예시는 entries() 메서드를 호출하여 iterator를 생성하고, 그 다음 for...of 루프를 사용하여 배열의 각 요소에 대한 인덱스와 값을 출력합니다.
배열의 entries() 메서드를 사용하여 배열 요소에 대한 반복자(iterator)를 생성합니다.
for...of 루프를 사용하여 배열 요소를 순회하면서 인덱스와 값을 얻습니다.

05. keys() 메서드

keys() 메서드는 배열의 각 인덱스에 대한 키 값을 반환합니다.

{
        let fruits = ['apple', 'banana', 'cherry'];

        // 배열의 keys() 메서드를 사용하여 배열의 인덱스에 대한 반복자(iterator)를 생성합니다.
        let iterator = fruits.keys();
        
        // for...of 루프를 사용하여 배열의 인덱스를 순회합니다.
        for (const index of iterator) {
                console.log(index);
        }
        
        // 출력 결과:
        // 0
        // 1
        // 2
}

keys() 메서드는 배열의 각 요소에 대한 인덱스를 반복적으로 얻을 수 있는 방법을 제공합니다. 이 메서드는 주로 for...of 루프와 함께 사용되어 배열의 인덱스를 순회하고 각 인덱스에 대한 처리를 할 때 유용합니다.
예시에서 keys() 메서드를 호출하여 iterator를 생성하고, 그 다음 for...of 루프를 사용하여 배열의 각 인덱스를 출력합니다.
배열의 keys() 메서드를 사용하여 배열의 인덱스에 대한 반복자(iterator)를 생성합니다.
for...of 루프를 사용하여 배열의 인덱스를 순회합니다.

21. join() 메서드

join() 메서드는 배열의 요소를 추가하여, 하나의 문자열로 반환합니다.

{
        //01                
        let fruits = ['apple', 'banana', 'cherry'];
        let result = fruits.join('-');
        
        console.log(result); // 출력: "apple-banana-cherry"

        //02                
        let numbers = [1, 2, 3, 4];
        let result = numbers.join('-');

        console.log(result); // 출력: "1-2-3-4"
}

이 메서드는 배열의 모든 요소를 문자열로 변환하여 하나의 문자열로 결합합니다.
위 코드에서 배열 fruits의 요소들을 -으로 연결한 문자열을 얻기 위해 join('-')을 사용합니다.만약 join()메서드로 지정하지 않으면 기본값인 쉼표(,)가 사용됩니다. 그리고 배열의 요소가 모두 문자열이 아니라면, join() 메서드는 자동으로 각 요소를 문자열로 변환합니다. 2번 예제는 배열의 숫자 요소가 문자열로 변환되고, 각 요소 사이에 하이픈이 삽입됩니다.

22. pop() 메서드

pop() 메서드는 배열 마지막 요소를 제거하고, 제거한 요소를 반환합니다.

{
        let fruits = ['apple', 'banana', 'cherry'];
        let removedFruit = fruits.pop();
        
        console.log(removedFruit); // 출력: "cherry"
        console.log(fruits); // 출력: ["apple", "banana"]
}

pop() 메서드는 fruits 배열에서 마지막 요소인 "cherry"를 제거하고 반환합니다. 따라서 removedFruit 변수에는 "cherry"가 할당되고, fruits 배열은 "cherry"가 제거된 상태로 ["apple", "banana"]가 됩니다.
pop() 메서드를 호출하면 원본 배열이 변경됩니다. 따라서 pop()을 호출한 후에는 배열의 길이가 하나 줄어듭니다.

23. push() 메서드

push() 메서드는 배열 끝에 요소를 추가하고, 배열의 새로운 길이값을 반환합니다.

{
        //01                        
        let fruits = ['apple', 'banana'];
        let newLength = fruits.push('cherry', 'date');
        
        console.log(newLength); // 출력: 4
        console.log(fruits); // 출력: ["apple", "banana", "cherry", "date"]

        //02                        
        let numbers = [1, 2];
        numbers.push(3, 4, 5);
}

push() 메서드는 fruits 배열에 "cherry"와 "date"를 추가하고, 새로운 길이인 4를 반환합니다. 따라서 newLength 변수에는 4가 할당되고, fruits 배열은 ["apple", "banana", "cherry", "date"]로 업데이트됩니다.
push() 메서드를 호출하면 원본 배열이 변경됩니다. 추가된 요소는 배열의 끝에 위치하게 됩니다.
push() 메서드는 한 번에 여러 개의 요소를 추가할 수 있습니다. 이때 요소들은 메서드 호출 순서대로 배열의 끝에 추가됩니다.