21. join()

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

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

console.log(text5)
}

23. push(), pop()

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

{
const arrNum1 = [100,200,300,400,500]
const arrPush1 = arrNum1.push(600);   //요소 추가

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

const arrNum2 = [100,200,300,400,500]
const arrPush2 = arrNum2.pop();   //마지막 요소 제거

console.log(arrNum2);    //100,200,300,400
}

29. 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,-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']
}

30. splice()

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

    console.log(arrNum1);   //[100] result를 지운값 만가져옴
    console.log(result1);   //[200, 300, 400, 500] 지워지는값 이나옴


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


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


    const arrNum4 = [100, 200, 300, 400, 500]; 
    const result4 = arrNum4.splice(1, 2, "javascript");
    
    console.log(arrNum4);    //[100, 'javascript', 400, 500] //result를 지우고 시작값에(1) javascript를 넣음
    console.log(result4);    //[200, 300]


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


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


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


    const arrNum8 = [100, 200, 300, 400, 500]; 
    const result8 = arrNum8.splice(-2, 2, "javascript");
    
    console.log(arrNum8);       //[100, 200, 300, 'javascript'] 뒤에서 2번째에서 시작하여 2개를 삭제후 추가
    console.log(result8);       //[400, 500]
}