06. slice()
"배열".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]
}