배열 메서드(method)

배열 메서드

속성의 값으로 함수가 올 수도 있는데, 이러한 속성를 메서드(method)라고 합니다.

push()

push() : 배열 마지막 요소에 추가 합니다.
push(600)을 사용했기 때문에 배열에 마지막 요소에 600이 추가 되었습니다.

>const arrNum = [100, 200, 300, 400, 500];
    const arrPush = arrNum.push(600);

    document.querySelector(".sample03_N1").innerHTML = "1";
    document.querySelector(".sample03_Q1").innerHTML = "[100, 200, 300, 400, 500]";
    document.querySelector(".sample03_M1").innerHTML = ".push(600)";
    document.querySelector(".sample03_P1").innerHTML = arrPush; //6
    document.querySelector(".sample03_A1").innerHTML = arrNum;  //100, 200, 300, 400, 500, 600

결과보기

리턴값: 6
결과값: 100,200,300,400,500,600

pop()

pop() : 배열 마지막 요소를 삭제 합니다. 마지막 요소가 삭제되어서 400까지만 출력되었습니다.

const arrNum = [100, 200, 300, 400, 500];
    const arrPush = arrNum.push(600);

    document.querySelector(".sample03_N1").innerHTML = "1";
    document.querySelector(".sample03_Q1").innerHTML = "[100, 200, 300, 400, 500]";
    document.querySelector(".sample03_M1").innerHTML = ".push(600)";
    document.querySelector(".sample03_P1").innerHTML = arrPush; //6
    document.querySelector(".sample03_A1").innerHTML = arrNum;  //100, 200, 300, 400, 500, 600

결과보기

리턴값 : 500
결과값: 100,200,300,400

join()

배열 요소 문자열을 결합하고 문자열을 반환한다.

const text1 = arrNum.join('');
const text2 = arrNum.join(' ');
const text3 = arrNum.join('★');
const text4 = arrNum.join('-');

document.querySelector(".sample02_N1").innerHTML = "1";
document.querySelector(".sample02_Q1").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample02_M1").innerHTML = "join('')";
document.querySelector(".sample02_P1").innerHTML = text1;

document.querySelector(".sample02_N2").innerHTML = "2";
document.querySelector(".sample02_Q2").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample02_M2").innerHTML = "join(' ')";
document.querySelector(".sample02_P2").innerHTML = text2;


document.querySelector(".sample02_N3").innerHTML = "3";
document.querySelector(".sample02_Q3").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample02_M3").innerHTML = "join('★')";
document.querySelector(".sample02_P3").innerHTML = text3;

document.querySelector(".sample02_N4").innerHTML = "4";
document.querySelector(".sample02_Q4").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample02_M4").innerHTML = "join('-')";
document.querySelector(".sample02_P4").innerHTML = text4;

결과보기

100200300400500
100 200 300 400 500
100★200★300★400★500
100-200-300-400-500