문자열 관련 메소드 모음💡

---

🧡indexOf()

• 문자열의 인덱스값을 구해주는 indexOf()
• 이를테면 hello world에서 w의 인덱스값은 6
  (띄어쓰기도 index값에 포함한다)
• 찾고싶은 문자열을 인수로 넣어주면 된다
• 해당 문자열이 존재하지 않으면 -1을 반환한다

  const str = 'hello world';

  console.log(str.indexOf("h"); //0
  console.log(str.indexOf("w")); //6
  console.log(str.indexOf("world")); //6 (첫번째 글자 기준 index값 반환)
  console.log(str.indexOf("word")); //-1 (해당 값이 존재하지 않음)

---

🧡slice()

• 문자열을 인자로 받은 index값의 위치 기준으로 잘라준다
• slice(시작점, 끝점)
• 문자열의 시작점 ~ 끝점의 앞자리 까지 잘라준다

  const str = 'hello world';

  console.log(str.slice(0,5)) //'hello'
  console.log(str.slice(0,2)) //'he'
  console.log(str.slice(6,-2)) //'wor' (음수로 카운팅 하면 끝자리부터 계산)

---

🧡replace()

• 문자열을 바꿔주는 replace()
• replace('기존문자','바꿀문자')
• 바꿀 문자가 여러번 반복되면 제일 먼저 만나는 문자만 바꿔줍니다
• replaceAll() 해당 문자 전체를 바꿔줍니다

  const str = 'hello world';

  console.log(str.replace('world','user')) //'hello user' ('world' 를 'user'로 replace)
  console.log(str.replace('world','')) //'hello' ('world'를 빈 문자열로 바꾸면서 사라지게됨)
  console.log(str.replace('o','x')) //'hellx world' ( o가 여러개 일때 제일 먼저 만나는 o만 바꿔줌 )
  console.log(str.replaceAll('o','x')) //'hellx wxrld' ( replaceAll()은 o가 여러개여도 전부 바꿔줌)

---

🧡trim()

• 앞뒤 공백 제거

const str = '   hello world     '

console.log(str.trim()) // 'hello world'

---

🧡padStart(), padEnd()

💛padStart()

• 대상 문자의 길이(length)가 지정 된 길이보다 작으면 주어진 문자를 지정된 길이가 될 때 까지 앞에 붙여 새로운 문자를 반환
• 첫번째 인수로 원하는 문자의 길이 지정, 두번째 인수로 덧댈 문자열 입력

const str = '1234567';

//문자열의 길이가 10보다 짧으면 10자가 될 때 까지 앞에 0을 덧댐
console.log(str.padStart(10, '0') // '0001234567'

💛padEnd()

• 대상 문자의 길이(length)가 지정 된 길이보다 작으면 주어진 문자를 지정된 길이가 될 때 까지 뒤에 붙여 새로운 문자를 반환
• 첫번째 인수로 원하는 문자의 길이 지정, 두번째 인수로 덧댈 문자열 입력

const str = '1234567';

//문자열의 길이가 10보다 짧으면 10자가 될 때 까지 뒤에 0을 덧댐
console.log(str.padStart(10, '0') // '1234567000'

---

🧡split()

• 문자열을 지정한 문자를 기준으로 나눠 배열화

const str = 'Apple,Banana,Cherry';

//쉼표(,)를 기준으로 문자열을 나눠 배열화
console.log(str.split(',') // ['Apple', 'Banana', 'Cherry']
            
//빈문자열('')을 구분자로 지정하면 한글자씩 모두 쪼개어 배열화
console.log(str.split('') // ['A','p','p','l','e',',','B','a','n','a','n','a',',','C','h','e','r','r','y']

---

🧡startsWith()

• 대상 문자가 주어진 문자로 시작하는지 여부를 반환
• 두번째 인자(숫자)를 넣으면 탐색을 시작 할 위치를 지정 할 수 있음

const str = 'Hello world!';

console.log(str.startsWith('Hello')); //true
console.log(str.startsWith('world')); //false
console.log(str.startsWith('world',6)); //true

---

🧡toLowerCase(),toUpperCase()

💛toLowerCase()

• 대상 문자를 영어 소문자로 변환해 새로운 문자를 반환

const str = 'HelLo WoRlD!';

console.log(str.toLowerCase()); //'hello world!'

💛toUpperCase()

• 대상 문자를 영어 대문자로 변환해 새로운 문자를 반환

const str = 'HelLo WoRlD!';

console.log(str.toUpperCase()); //'HELLO WORLD!'