배열 메서드 : push()/ pop()

push() 메서드는 배열 마지막 요소에 요소를 추가하고, pop() 메서드는 배열 마지막 요소를 삭제합니다.

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

    console.log(arrNum)   //[100, 200, 300, 400, 500, 600]


    const arrNum1 = [100, 200, 300, 400, 500];
    const arrPush1 = arrNum1.pop();

    console.log(arrNum1)   //[100, 200, 300, 400]
}
결과 확인하기
실행되었습니다.

배열 메서드 : unshift()/ shift()

unshift() 메서드는 배열 처음 요소에 요소를 추가하고, shift() 메서드는 배열 처음 요소를 삭제합니다.

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

    console.log(arrNum)   //[600, 100, 200, 300, 400, 500]


    const arrNum1 = [100, 200, 300, 400, 500];
    const arrPush1 = arrNum1.shift();

    console.log(arrNum1)   //[200, 300, 400, 500]
}
결과 확인하기
실행되었습니다.

06. slice()

"배열".slice(시작 위치, [끝나는 위치])
  • 시작 위치에서 종료 위치 값을 추출하여, 새로운 배열을 반환합니다.
{
    ['j','a','v','a','s','c','r','i','p','t'].slice(0);         //['j','a','v','a','s','c','r','i','p','t']
    ['j','a','v','a','s','c','r','i','p','t'].slice(1);         //['a','v','a','s','c','r','i','p','t']
    ['j','a','v','a','s','c','r','i','p','t'].slice(2);         //['v','a','s','c','r','i','p','t']
    ['j','a','v','a','s','c','r','i','p','t'].slice(0, 1);       //['j']
    ['j','a','v','a','s','c','r','i','p','t'].slice(1, 2);       //['a']
    ['j','a','v','a','s','c','r','i','p','t'].slice(0, 2);       //['j','a']
    ['j','a','v','a','s','c','r','i','p','t'].slice(0, 3);       //['j','a','v']
    ['j','a','v','a','s','c','r','i','p','t'].slice(5, 10);      //['c', 'r', 'i', 'p', 't']
    ['j','a','v','a','s','c','r','i','p','t'].slice(5, -1);      //['c', 'r', 'i', 'p']
    ['j','a','v','a','s','c','r','i','p','t'].slice(5, -2);      //['c', 'r', 'i']
    ['j','a','v','a','s','c','r','i','p','t'].slice(-1);         //['t']
    ['j','a','v','a','s','c','r','i','p','t'].slice(-2);         //['p','t']
    ['j','a','v','a','s','c','r','i','p','t'].slice(-3);         //['i','p','t']
    ['j','a','v','a','s','c','r','i','p','t'].slice(-3, -1);     //['i','p']
    ['j','a','v','a','s','c','r','i','p','t'].slice(-3, -2);     //['i']

    console.log(['j','a','v','a','s','c','r','i','p','t'].slice(0));
}
결과 확인하기
실행되었습니다.

21.join()

"배열".slice(시작 위치, [끝나는 위치])

join() 메서드는 배열 요소를 문자열로 결합합니다. 반환은 문자열입니다.

{
const arrNum = [100, 200, 300, 400, 500];
const text1 = arrNum.join('');  //100200300400500
const text2 = arrNum.join(' ');  //100 200 300 400 500
const text3 = arrNum.join('*');  //100*200*300*400*500
const text4 = arrNum.join('-');  //100-200-300-400-500
const text5 = arrNum.join('🍧');  //100-200-300-400-500

console.log(text4)
}
결과 확인하기
실행되었습니다.

30. splice()

"배열".splice(시작 위치, [삭제개수], [요소])
  • 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.
{
    const arrNum1 = [100, 200, 300, 400, 500];
        const result1 = arrNum.splice(1);  

        console.log(result1);   //[200, 300, 400, 500]          //지워진값 출력
        console.log(arrNum1);   //[100]                         //지워진값의 나머지 출력

        const arrNum2 = [100, 200, 300, 400, 500];
        const result2 = arrNum2.splice(1, 2);

        console.log(result2)    //[200, 300]
        console.log(arrNum2)    //[100, 400, 500]

        const arrNum3 = [100, 200, 300, 400, 500];
        const result3 = arrNum2.splice(1, 4);

        console.log(result3)    //[200, 300, 400, 500]
        console.log(arrNum3)    //[100]

        const arrNum4 = [100, 200, 300, 400, 500];
        const result4 = arrNum2.splice(1, 2, "javascript");

        console.log(result4)    //[200, 300]
        console.log(arrNum4)    //[100, "javascript", 400, 500]

        const arrNum5 = [100, 200, 300, 400, 500];
        const result5 = arrNum2.splice(1, 0, "javascript");

        console.log(result5)    //[]
        console.log(arrNum5)    //[100, "javascript", 200, 300, 400, 500]

        const arrNum6 = [100, 200, 300, 400, 500];
        const result6 = arrNum2.splice(0, 4, "javascript");

        console.log(result6)    //[100, 200, 300, 400]
        console.log(arrNum6)    //["javascript", 500]

        const arrNum7 = [100, 200, 300, 400, 500];
        const result7 = arrNum2.splice(2, 2, "javascript", "react");

        console.log(result7)    //[300, 400]
        console.log(arrNum7)    //[100, 200, "javascript", "react", 500]

        const arrNum8 = [100, 200, 300, 400, 500];
        const result8 = arrNum2.splice(-2, 2, "javascript");

        console.log(result8)    //[400, 500]
        console.log(arrNum8)    //[100, 200, 300, "javascript"]

}
결과 확인하기
실행되었습니다.