카테고리 없음

JS 문자열 다루기(substr, substring, slice)

쿠키는 서비스 2023. 5. 24. 12:28
반응형

문자열 다루기 이제 익숙해질 때가 됐는데 매번 검색하는 나 발견

substr, substring, slice 이 세 가지 함수들만 기억하자

 

 ✔️ 문자열을 뒤에서부터 자르려면 slice()함수 사용

 

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));
// Expected output: Array ["camel", "duck", "elephant"]

console.log(animals.slice(2, 4));
// Expected output: Array ["camel", "duck"]

console.log(animals.slice(1, 5));
// Expected output: Array ["bison", "camel", "duck", "elephant"]

console.log(animals.slice(-2));
// Expected output: Array ["duck", "elephant"]

console.log(animals.slice(2, -1));
// Expected output: Array ["camel", "duck"]

console.log(animals.slice());
// Expected output: Array ["ant", "bison", "camel", "duck", "elephant"]

 

✔️ slice method syntax

첫번째 인자는 시작 index, 두번째 인자는 끝 index

slice(-2)같은 경우에는 뒤에서부터 2개를 가져온다

 

slice()
slice(start)
slice(start, end)

 

 ✔️ 문자열을 index부터 원하는 글자수만큼 자르고 싶을 때는 substr()함수 사용

 

const str = 'Mozilla';

console.log(str.substr(1, 2));
// Expected output: "oz"

console.log(str.substr(2));
// Expected output: "zilla"

 

✔️ substr method syntax

 

substr(start)
substr(start, length)

 

✔️ 시작 index부터 끝 index까지 자를 때 substring()함수 사용 

 

const str = 'Mozilla';

console.log(str.substring(1, 3));
// Expected output: "oz"

console.log(str.substring(2));
// Expected output: "zilla"

 

✔️ substring method syntax

 

substring(indexStart)
substring(indexStart, indexEnd)
반응형