JavaScript 1주차
number와 string의 메서드 각각 3개와 사용 방법🍍
number와 srting의 메서드(method)를 알아보자.
우선 JavaScript의 모든 메서드는 ‘모든메서드’에서 볼수있다.
이중에서 나는 Number의 메서드 중 가장 마음에 드는 3가지를 골랐다.
Number
1. toString()
toString()메서드는 숫자를 문자열로 반환합니다.
cheet sheet
var a = 12345; // 변수 선언 및 값 할당
console.log(a.toString()); // '12345'
console.log(typeof a.toString()); // string
간단하게 숫자->문자로 변환해준다.
자매품으로 parseInt() 메서드가 있다.
console.log(parseInt(a.toString())); // 9
console.log(typeof(parseInt(a.toString()))) // number
문자->숫자로 변환해준다. 요긴하게 쓸곳이 많을것 같다.
2. toPrecision()
toPrecision()지정된 길이로 작성된 숫자와 함께 문자열을 반환합니다.
cheet sheet
var a = 9.213112; // 변수 선언 및 값 할당
console.log(a.toPrecision(3)); // '9.21'
console.log(typeof a.toPrecision()); // string
아직 어디에 써먹을진 모르겠지만 언젠가 쓸일이 있을것 같다.
3. isInteger()
Number.isInteger() 메서드는 값이 정수인지 여부를 결정합니다.
이 메서드는 값이 Number 유형이고 정수(소수점이 없는 숫자)인 경우 true를 반환합니다. 그렇지 않으면 false를 반환합니다.
cheet sheet
var a = 9.213112; // 변수 선언 및 값 할당
console.log(Number.isInteger(a)); // false
정수가 아닌경우엔 boolean타입으로 true, false를 반환해준다.
String
1. substr()
substr()와 비슷합니다slice().차이점은 두 번째 매개변수 가 추출된 부분 의 길이 를 지정한다는 것 입니다.
cheet sheet
var a = 'abc def ghi'; // 변수 선언 및 값 할당
console.log(a.substr(4,3)); // 'def'
1번째 인자는 시작할 위치, 2번째 인자는 문자열의 길이를 지정해준다.
slice() 메서드와 비슷하지만 substr() 메서드가 좀더 직관적이다.
2. trim()
trim()메서드는 문자열의 양쪽에서 공백을 제거합니다.
cheet sheet
var a = ' say Hello '; // 양옆 공백이 많은 문자열
console.log(a.trim()); // 'say Hello'
위에서 보시다시피 양옆의 공백이 제거되었다. 이를 사용할 예를 들면 검색기능을 구현하거나 주소창에 url을 변경할 때 사용자의 실수로 인한 공백 문자열을 포함하지 않게 할 수 있을것같다
3. replace()
replace()메서드는 지정된 값을 문자열의 다른 값으로 바꿉니다.
cheet sheet
var a = '가나나 가구니 가자회';
console.log(a.replace('가','바')); // '바나나 가구니 가자회'
1번째 인자는 바꿀 문자, 2번째 인자는 변환될 문자이다
우리의 예상과 다르게 replace()는 맨처음 발견된 문자에만 적용이 된다.
하지만 이를 정규표현식을 이용하게 되면 모든 문자를 바꿀 수도 있다.
var a = '가나나 가구니 가자회';
console.log(a.replace(/가/g,'바')); // '바나나 바구니 바자회'
이렇게 정규표현식을 활용하여 바꾸어주자.
정규표현식을 공부하고 싶다면 정규표현식 에서 공부해보자.