06. slice()

"배열".slice(시작위치)
"배열".slice(시작 위치, [끝나는 위치])
  • 시작 위치에서 종료 위치 값을 추출하여, 새로운 배열을 반환합니다.

배열 메서드 : push() / pop() : 반환(숫자)

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

{
    // slice(시작위치); -- 시작 위치부터 다 출력
    ["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(0);
    console.log( ["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(0)); //"j", "a", "v", "a", "s", "c", "r", "i", "p", "t"
    console.log( ["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(1)); //"a", "v", "a", "s", "c", "r", "i", "p", "t"
    console.log( ["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(2)); //"v", "a", "s", "c", "r", "i", "p", "t"

    // slice(시작위치, 끝나는 위치); -- 시작 위치부터 끝나는 위치 "직전"까지만 출력
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(0, 1)); //"j"
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(1, 2)); //"a"
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(0, 2)); //"j", "a"
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(0, 3)); //"j", "a", "v"
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(5, 10)); //'c', 'r', 'i', 'p', 't'
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(5, -1)); //'c', 'r', 'i', 'p'
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(5, -2)); //'c', 'r', 'i'
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(-1)); //"t"
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(-2)); //"p","t"
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(-3)); //"i", "p", "t"
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(-3, -1)); //"i", "p"
    console.log(["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(-3, -3)); // []
    console.log(["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"].slice(-3, -4)); // []
    console.log("javascript".slice(0)); // javascript
    console.log("javascript".slice(1)); // avascript
    console.log("javascript".slice(2)); // vascript
    console.log("javascript".slice(0, 1)); // j
    console.log("javascript".slice(1, 2)); // a
    console.log("javascript".slice(0, 2)); // ja
    console.log("javascript".slice(0, 3)); // jav
    console.log("javascript".slice(5, 10)); // cript
    console.log("javascript".slice(5, -1)); // crip
    console.log("javascript".slice(5, -2)); // cri
    console.log("javascript".slice(-1)); // t
    console.log("javascript".slice(-2)); // pt
    console.log("javascript".slice(-3)); // ipt
    console.log("javascript".slice(-3, -1)); // ip
    console.log("javascript".slice(-3, -2)); // i
}

30. splice()

"배열".splice(시작 위치, [삭제 위치], [요소])
{
                    
                }
            

22. slice()

"문자열".split(구분자, [제한])
{
    // split(구분자, 제한)
    console.log("javascript".split("")); //["j","a","v","a","s","c","r","i","p","t"]
    console.log("java script".split(" ")); //['java', 'script']
    console.log("java scr ipt".split(" ")); //['java', 'scr', 'ipt']
    console.log("java scr ipt".split("", 1)); //['j']
    console.log("java scr ipt".split("", 2)); //['j', 'a']
    console.log("java scr ipt".split("", 3)); //['j', 'a', 'v']
    console.log("java scr ipt".split(" ", 1)); //['java']
    console.log("java scr ipt".split(" ", 2)); //['java', 'scr']
    console.log("java scr ipt".split(" ", 3)); //['java', 'scr', 'ipt']
    // 똑같은 단어를 지우고 나머지를 출력 함.
    console.log("javascript".split("j")); //['', 'avascript']
    console.log("javascript".split("a")); //['j', 'v', 'script']
    console.log("javascript".split("e")); //['javascript']
    console.log("java/scr/ipt".split("e")); //['java/scr/ipt']
    console.log("java/scr/ipt".split("/")); // ['java', 'scr', 'ipt']
    console.log("java&scr!ipt".split("&")); // ['java', 'scr!ipt']
    console.log("java&scr!ipt".split("!")); // ['java&scr', 'ipt']
    console.log("java&scr!ipt".split("/&|\!/")); // ['java&scr!ipt']
    // 뒤에 join을 쓰면 문자열로 나옴
    console.log("javascript".split("").join()) // j,a,v,a,s,c,r,i,p,t 
    console.log("javascript".split("").join("*")) // j*a*v*a*s*c*r*i*p*t
    console.log("javascript".split("").reverse().join("*")) // t*p*i*r*c*s*a*v*a*j
    console.log("javascript".split("").reverse().join("/")) // t/p/i/r/c/s/a/v/a/j
}

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("-");
    const text5 = arrNum1.join("★");

    console.log(arrNum1); // (5) [100, 200, 300, 400, 500]
    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
    console.log(text5); // 100★200★300★400★500
}

배열 메서드 : push() / pop() : 반환(숫자)

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

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

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

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

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

배열 메서드 : 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("-");
                const text5 = arrNum1.join("★");
                
                console.log(arrNum1); // (5) [100, 200, 300, 400, 500]
                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
                console.log(text5); // 100★200★300★400★500
                }
                

배열 메서드 : push() / pop() : 반환(숫자)

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

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

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

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

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

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

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

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

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

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

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