[JS] 문자열 관련 함수들

또띠·2023년 7월 24일
0

JavaScript

목록 보기
2/23
post-thumbnail
post-custom-banner

문자열의 길이 확인하기 ⭐️ length ⭐️

let str = "Hello, World"
console.log(str.length); // 12

공백 포함한 "" 안의 모든 문자들을 카운팅 해 준다.
여기서 포인트는 공백 포함!

문자열을 결합 시키기 ⭐️ concat ⭐️

let str1 = "Hello, ";
let str2 = "World!";
let result = str1.concat(str2);
console.log(result); // Hello, World!

concat말고도 str1 + str2를 해도 사실 같은 결과값이 나온다...
역시 편하고 익숙한게 먼저 나오는것 같다.

문자열을 잘라 버리기 ⭐️ substr , slice ⭐️

let str3 = "Hello, World!";
console.log(str3.substr(7,5)); //  World
console.log(str3.slice(7,12)); //  World

여기는 좀 자세히 봐야 이해가 가능한데,

substr 은 (시작번호, 시작번호부터 몇번째 자리까지) 의 범위를 갖고 있고
slice 는 (맨처음부터 n번째, ~ 맨처음부터 n번째 자리까지) 의 범위를 갖고 있다.

결국 위 상태에서는 둘다 동일한 결과값을 보여주지만 지정 범위의 숫자가 달라지면 값도 달라지므로
정확한 위치를 확인해서 사용해야겠다.

특정 문자열이 어디에 위치하는지 궁금할때 ⭐️ search ⭐️

let str4 = "Hello, World!";
console.log(str4.search("World")); // 7

좋다. 그럼 어디에 위치하는지 알 수 있는 방법으론 search가 있다.
특정 문자열 위치가 궁금하다면 친절하게 number로 알려주므로 빠르고 정확하게 힌트를 얻어낼 수 있어서 좋은것 같다.

문자열을 대체 하기 ⭐️ replace ⭐️

let str5 = "Hello, World!";
let result01 = str5.replace("World","JavaScript");
console.log(result01); // Hello, JavaScript

특정 문자열을 바꿔버릴때 사용한다.
마치 vscode의 기본 기능 중에 특정 부분 찾아서 변환해주는 기능이랑 유사한 기능으로 생각된다.
똑같은 문자열을 한번에 다량으로 바꿀때 정말 좋을 것 같다.

문자열을 분할 하기 ⭐️ split ⭐️

let str6 = "apple, banana, kiwi";
let result02 = str6.split(",");
console.log(result02); // [ 'apple', ' banana', ' kiwi' ]

문자열을 분할하긴 하는데... 문제는 배열 상태로 분할을 해서 던져준다.
의외로 순수하게 분할해주지 않아 추가작업이 필요한 경우 추가작업을 해 줘야 한다.

profile
✨ 𝑬𝒗𝒆𝒓𝒚𝒕𝒉𝒊𝒏𝒈 𝒄𝒐𝒎𝒆𝒔 𝒕𝒐 𝒉𝒊𝒎 𝒘𝒉𝒐 𝒉𝒖𝒔𝒕𝒍𝒆𝒔 𝒘𝒉𝒊𝒍𝒆 𝒉𝒆 𝒘𝒂𝒊𝒕𝒔. ✨
post-custom-banner

1개의 댓글

comment-user-thumbnail
2023년 7월 24일

좋은 정보 감사합니다

답글 달기