230113 JS: 숙달을 위한 메모 - String(문자) 편

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영).

 

---

String은 문자, 또는 문자열이라고도 불리는 단어인데

" "  : 큰따옴표

' '  : 작은따옴표

` ` : 백틱

안에 들어가는 모든 것들을 문자, 또는 문자열 이라고 보면 되겠다.

 

String에 사용하는 메소드도 배열과 숫자처럼 다양한데, 

개인적으로 예시를 보는 것이 당연히 더 기억에 잘남고 이해가 되기 때문에 예시를 들고 왔다.

 

---

// .indexOf() : 문자열 안에 괄호 안에 들어가는 값이 없다면 아래와 같은 결과가 나옴
const res = 'Hello world!! hier is korea'.indexOf('was');
console.log(res); //일치하는 값이 없으면 >> -1 반환


// .length : 문자의 길이(개수 라고도 할 수 있겠다)
const str = '0123';
console.log(str.length); //4


// with boolean, .slice(), .replace()
const boolStr = 'Hello world!!';

console.log(boolStr.indexOf('world') !== -1); // true
console.log(boolStr.slice(0, 3)); // Hel: 두번째 인수 3의 바로 앞자리까지만 출력되기때문
console.log(boolStr.replace('world', 'rabbit')); // Hello rabbit!!
console.log(boolStr.replace(' world', '')); // Hello!!


// .match()
const email = 'doremi@gmail.com';

console.log(email.match(/.+(?=@)/)); 
//정규표현식 사용 - @앞의 내용을 배열 데이터로 출력: ['doremi', index: 0, input: 'doremi@gmail.com', groups: undefined]
console.log(email.match(/.+(?=@)/)[0]); 
//정규표현식 사용 - @앞의 내용을 배열 데이터로 출력: doremi



// .trim() ⭐⭐⭐⭐⭐ 중요한 메소드 중 하나!
const emptyStr = '           Heelloo world   ';

console.log(emptyStr.match(/.+(?=d)/)[0]); //            Heelloo world
console.log(emptyStr.trim()); //Heelloo world 연결된 공백이 사라짐