✍️ 필자가 꺼내보기 용으로 정리한 것이다. 필요한 이들에게도 같이 도움이 되었으면 한다.

charAt()

str.charAt(n)

  • n 번째 글자 반환
  • 대괄호[]로 표기하는 것과 같은 값을 가짐.
let str = 'mangojang';
console.log(str.charAt(5)) // j
console.log(str[5]) // j

toUpperCase()

str.toUpperCase()

  • 전체 문자 대문자로 표기
let str ='mangojang';
console.log(str.toUpperCase()); // MANGOJANG

활용 방법

  • 첫 글자만 대문자로 바꾸기
    • css - text-transform : capitalize; 사용 시 같은 효과 가능.
let str ='mangojang';
console.log( str[0].toUpperCase() + str.slice(1) ); // Mangojang

toLowerCase()

str.toLowerCase()

  • 전체 문자 소문자로 표기
let str ='Mangojang';
console.log(str.toLowerCase()); // mangojang

indexOf()

str.indexOf(substr, pos)

  • substr 이 위치한 인덱스를 반환, 없으면 -1 반환
  • pos 번째 부터 탐색 시작. (옵션)
  • 대소문자 구분함.
let str = 'Time is gold';
console.log(str.indexOf('Time')); // 0
console.log(str.indexOf('time')); //-1

includes()

str.includes(substr, pos)

  • substr이 있으면 true 반환. 없으면 false 반환
  • pos 번째 부터 탐색 시작. (옵션)
  • 대소문자 구분함.
let str = 'Time is gold';
console.log(str.includes('Time')); // true
console.log(str.includes('time')); // false

startsWith()

str.startsWith(substr)

  • substr로 시작하는지 여부 boolean 으로 반환
let str = 'Time is gold';
console.log(str.startsWith('T')); // true

endsWith()

str.endsWith(substr)

  • substr로 끝나는지 여부 boolean으로 반환
let str = 'Time is gold';
console.log(str.endsWith('T')); // false

slice()

str.slice(start, end)

  • start 부터 end 까지(end 미포함) 반환
  • end 생략시 문자열 끝까지 반환
  • 음수는 뒤에서 부터 순서를 의미함.
let str = 'mangojang';
console.log(str.slice(0,5)) ; // mango
console.log(str.slice(5)); //jang
console.log(str.slice(-4)); //jang

substring()

str.substrinf(start,end)

  • start 부터 end 까지(end 미포함) 반환
  • end 생략시 문자열 끝까지 반환
  • start가 end보다 커도 됨.
  • 음수 사용 안됨 🚫
let str = 'mangojang';
console.log(str.substring(0,5)) ; // mango
console.log(str.substring(5)); //jang
console.log(str.substring(5,0)); //mango

substr()

str.substr(start, length)

  • start에서 부터 시작, length개의 글자 반환
  • end 생략시 문자열 끝까지 반환
  • start가 음수면 뒤에서 부터 시작
let str = 'mangojang';
console.log(str.substr(0,5)) ; // mango
console.log(str.substr(5)); //jang
console.log(str.substr(-5, 2)); //go

split()

str.split(substr)

  • substr 기준으로 문자열을 쪼개서 배열로 반환

활용 방법

// 문자열에서 특정 문자 제거 하기 
// 1. 문자열을 split로 배열로 변환
// 2. filter로 특정문자 제외된 배열 반환
// 3. join 으로 다시 문잘열로 변환 

let fruits = 'apple,tomato,banana,orange';
console.log(fruits.split(',')); //) ['apple', 'tomato', 'banana', 'orange']

let realFruits = fruits.split(',').filter(v => v!=='tomato');
console.log(realFruits); //['apple', 'banana', 'orange']

realFruits = realFruits.join();
console.log(realFruits); //apple,banana,orange

trim()

str.trim()

  • 문자열 앞과 끝의 공백 제거.
  • form data 전송 시, input 으로 받은 값 trim() 적용해서 보냄.
let str = ' mangojang ';
console.log(str.trim()) // mangojang

참고 문헌

profile
한 걸음 한 걸음 계속 걷는 자가 일류다

0개의 댓글