21. join( )

join( ) 메서드는 배열 요소를 문자열로 결합한다. 반환값이 문자열이 된다.

{
    const arrNum1 = [100, 200, 300, 400, 500];

    const text1 = arrNum1.join('');         
    const text2 = arrNum1.join(' ');        
    const text3 = arrNum1.join('*');        
    const text4 = arrNum1.join('-');        

    console.log(text1)          //100200300400500
    console.log(text2)          //100 200 300 400 500
    console.log(text3)          //100*200*300*400*500
    console.log(text4)          //100-200-300-400-500
}

push( ) , pop( )

push( ) 메서드는 배열 마지막 요소를 추가하고 숫자를 반환한다.

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

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

push( )

push( )는 배열의 끝, 즉 오른쪽에 요소를 추가한다.

push( ) , pop( )

push( ) 메서드는 배열 마지막 요소를 추가하고 숫자를 반환한다.

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

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

push( )

push( )는 배열의 끝, 즉 오른쪽에 요소를 추가한다.

unshift( ) , shift( )

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

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

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


    const arrNum2 = [100, 200, 300, 400, 500];
    const arrPush2 = arrNum2.shift();

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

29. slice( )

문자열에서 일부분을 추출하여 새로운 문자열을 반환하는 함수

{
    let str = "hello world";
    let subStr = str.slice(0, 5);

    console.log(subStr); // 출력결과: "hello"
}

slice( )

문자열.slice(시작 위치)

문자열.slice(시작 위치, 끝 위치)

첫 번째 인수로 시작 위치를, 두 번째 인수로 추출할 부분의 위치를 지정한다.

첫 번째 인수는 필수적이며, 두 번째 인수는 선택적이다.

두 번째 인수를 생략하면 추출할 문자열은 첫 번째 인수로 지정된 위치부터 문자열의 끝까지를 추출하여 반환한다.

slice( ) 함수는 인수값을 음수로도 받을 수 있다.

30. splice( )

배열에서 요소를 추가, 삭제 또는 교체할 수 있다.

{
    const arrNum = [100, 200, 300, 400, 500];
    const result1 = arrNum.splice(1);
    //console.log(result1);       //[200, 300, 400, 500]
    //console.log(arrNum);        //[100]


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

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

    const arrNum4 = [100, 200, 300, 400, 500];
    const result4 = arrNum4.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 = arrNum5.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 = arrNum6.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 = arrNum7.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 = arrNum8.splice(-2,2,"javascript", "react");
    //console.log(result8);           //[400, 500]
    //console.log(arrNum8);           //[100, 200, 300, 'javascript', 'react'] 
}

splice( )

문자열.splice(deleteCount, item1, item2)

요소 삭제: deleteCount 매개변수를 사용하여 배열에서 요소를 제거할 수 있다. 제거된 요소는 반환된다.

요소 추가: deleteCount 매개변수를 0으로 설정하고, item1, item2 등의 매개변수를 사용하여 배열에 요소를 추가할 수 있다.

요소 교체: deleteCount 매개변수를 1로 설정하고 item1, item2 등의 매개변수를 사용하여 배열의 요소를 교체할 수 있다.