jennet1 님의 블로그

문자열 다루기 본문

WEB/JS

문자열 다루기

jennet1 2024. 9. 20. 20:24

1. 문자열 바꾸기 (replace)

  • replace : 사용하면 문자열 내의 특정 부분을 다른 문자열로 변경이 가능하다.
let str = "Hello World";
let newStr = str.replace("World", "JavaScript");
console.log(newStr); // "Hello JavaScript"
  • replaceAll  : 찾아지는 모든 요소를 바꾼다. 
let str = "Hello World one";
let newStr = str.replaceAll("o", "O");
console.log(newStr); // "HellO WOrld One"

문자열을 특정 n 만큼 반복

let str = "Hello World";
console.log(str.repeat(5));
// "Hello WorldHello WorldHello WorldHello WorldHello World"

 

문자열 자르기 (slice, substring, substr)

  • 세 가지 모두 문자열 특정 부분을 잘라내는 데 사용된다. 
  • subStr() 길이를 기준으로 하며 slice() 와 substring() 은 인덱스 위치를 기준으로 잘라낸다.
let str = "JavaScript";
console.log(str.slice(0, 4)); // "Java"

substring(start, end):

console.log(str.substring(0, 4)); // "Java"

substr(start, length):

console.log(str.substr(0, 4)); // "Java"

3. 인덱스 번호 가져오기 (indexOf, lastIndexOf)

  • 인덱스 번호는 0 부터 시작한다.
  • indexOf 는 첫번째 배열부터 탐색하고 last 는 맨뒤에서부터 탐색을 시작한다.
let str = "JavaScript is fun";
console.log(str.indexOf("is")); // 11
console.log(str.lastIndexOf("i")); // 14

문자열을 배열로 변환 (split)

  • 문자열로 저장된 값을 구분기호를 사용하여 분리하고 해당 값을 각각 배열에 담아 데이터를 처리할때 용이
let str = "apple,banana,cherry";
let arr = str.split(",");
console.log(arr); // ["apple", "banana", "cherry"]

문자열 대문자/소문자 로 변환

let str = "Hello";
console.log(str.toUpperCase()); // "HELLO"
console.log(str.toLowerCase()); // "hello"

문자열 공백제거

  • 데이터에 공백을 지우고 출력이 가능하다.
  • 사용자 입력에서 불필요한 줄바꿈/공백 등을 tirm 이용하여 데이터를 깨끗하게 처리하여 보관이 가능하다.
let answer = " yes ";
console.log(answer.trim()); //yes

'WEB > JS' 카테고리의 다른 글

JS [DOM]  (0) 2024.09.21
JS [함수]  (0) 2024.09.20
배열 다루기  (0) 2024.09.20
JS [변수]  (0) 2024.09.19
JS [배열]  (0) 2024.09.19