6월 26, 2024

console.log() / String length/toUpperCase()/trim()/startsWith()

console.log()

Javascript에서 String type에 해당되는 다양한 메소드들이 존재한다. 이들은 알아두면 매우 유용하게 사용되는 것들이니 공부하도록 하자. 그 전에 먼저 console.log()를 먼저 설명하도록 하겠다. 

 

Javascript 문법을 공부할 때 잘 활용하면 좋은 것이 바로 

console.log();

라는 것이다. 이러면 ( ) 안에 우리가 의도한 숫자나 문자열 등 적절한 데이터타입에 해당되는 데이터를 입력하면 화면에 찍혀 나오는 것이다.

 

간단한 예제로,

console.log(100+ 100);

이러한 문장이 있다면 200이란 값이 출력될 것이다. 

 

이런식으로 Javascript를 공부할 때는 console.log() 를 활용하면서 어떠한 값이 출력되는지를 유심하게 보면 좋다. 


1. length 

먼저, String의 길이를 알려주는 property인 length에 대해 알아보겠다.

 

만약 'Hello'라는 String의 길이를 알고 싶다면 다음과 같이 적어주면 된다.

console.log('Hello'.length);

원하는 String을 써주고 그 다음에 .length를 적어주면 해당 String의 길이가 출력된다.

위의 예시에서는 Hello라는 String의 길이, 즉 5가 출력되는 것을 볼 수 있을 것이다. 


2. toUpperCase()

다음으로는 String을 모두 대문자로 바꾸어주는 toUpperCase()라는 메소드에 대해 알아보겠다. 말 그대로 String 뒤에 .toUpperCase()를 사용해주면 해당 String이 모두 대문자로 바뀌는 것을 알 수 있다. 

예를 들어 'apple'이라는 String을 모두 'APPLE'로 바꾸고 싶다면 아래와 같이 코드를 작성해주면 된다.

console.log('apple'.toUpperCase()); 

이것은 이미 String에 대문자가 있든지 없든지의 여부와 관계없이 무조건 모든 문자를 대문자로 바꾸어주는 메소드이다. 

 


3. trim()

문자열의 앞 뒤 공백을 제거할 때 사용하면 좋은 메소드이다.

예를 들어 '         Hi    '라는 문자열을 'Hi'로 바꾸고 싶다면 trim() 메소드를 사용해주면 된다.

아래와 같이 코드를 작성해주면,

console.log('       Hi    '.trim()); 

'Hi'라는 String이 출력된다. 앞 뒤의 공백을 없애주는 역할을 하는 것이다. 


4. startsWith()

return 값이 true/false boolean 값인 method이다. 해당 String이 startsWith () 괄호 안에 쓰여져있는 character와 일치하면 true를 그렇지 않으면 false를 return한다.

예를 들어,

console.log('Apple'.startsWith('h'));

라면 Apple은 h로 시작하지 않으므로 false가 출력될 것이다.

 

반면,

console.log('Apple'.startsWith('A'));

의 경우에는 true가 출력될 것이다.


이러한 메소드들은 Javascript가 아닌 Java에서도 모두 다 존재하는 것들이니 한번 익혀두면 유용하게 사용할 수 있을 것이다.