자바스크립트 문자열 및 숫자 처리: String과 Number 내장 객체
자바스크립트 내장 객체 중 문자열 처리를 담당하는 String 객체와 숫자 처리를 담당하는 Number 객체에 대해서 주로 사용하는 속성과 메서드를 중심으로 예제를 통해 문자열(String)과 숫자(Number) 내장 객체에 대해서 알아보겠습니다.
String 객체
String 객체는 문자열을 처리하고 관리하는 데 사용되는 내장 객체입니다. 문자열을 생성하고 조작하는데 필요한 다양한 메서드를 제공합니다.
1. 주요 속성과 메서드
속성/메서드 | 설명 |
---|---|
length | 문자열의 길이를 반환합니다. |
charAt(index) | 문자열에서 지정된 인덱스에 있는 문자를 반환합니다. |
indexOf(substring) | 문자열에서 지정된 부분 문자열이 처음 나타나는 인덱스를 반환합니다. 값이 없으면 -1을 반환합니다. |
lastIndexOf(substring) | 문자열에서 지정된 부분 문자열이 마지막으로 나타나는 인덱스를 반환합니다. 값이 없으면 -1을 반환합니다. |
substring(startIndex, endIndex) | 문자열에서 지정된 인덱스 범위의 부분 문자열을 반환합니다. |
slice(startIndex, endIndex) | 문자열에서 지정된 인덱스 범위의 부분 문자열을 반환합니다. 음수 인덱스를 사용할 수 있습니다. |
split(separator, limit) | 문자열을 지정된 구분자를 기준으로 하여 여러 개의 부분 문자열로 나누어 배열로 반환합니다. |
concat(string2, …, stringN) | 현재 문자열에 하나 이상의 문자열을 연결하여 새 문자열을 반환합니다. |
trim() | 문자열 양쪽 끝의 공백 문자를 제거한 새 문자열을 반환합니다. |
toLowerCase() | 문자열의 모든 알파벳 문자를 소문자로 변환한 새 문자열을 반환합니다. |
toUpperCase() | 문자열의 모든 알파벳 문자를 대문자로 변환한 새 문자열을 반환합니다. |
replace(searchValue, newValue) | 문자열에서 특정 값을 찾아 새 값으로 대체한 새 문자열을 반환합니다. |
search(regexp) | 문자열에서 정규식과 일치하는 첫 번째 부분 문자열의 인덱스를 반환합니다. 일치하는 부분 문자열이 없으면 -1을 반환합니다. |
match(regexp) | 문자열에서 정규식과 일치하는 모든 부분 문자열을 찾아 배열로 반환합니다. 일치하는 부분 문자열이 없으면 null을 반환합니다. |
2. 사용 예제 코드
<script>
// 1. length
let str = "BlueShare, Blog";
console.log(str.length); // 결과: 15
// 2. charAt()
console.log(str.charAt(0)); // 결과: "B"
// 3. indexOf()
console.log(str.indexOf("Blog")); // 결과: 11
// 4. substring()
console.log(str.substring(0, 9)); // 결과: "BlueShare"
// 5. replace(searchValue, newValue)
console.log(str.replace("Blue", "Red")); // 결과: "RedShare, Blog"
// 6. split(separator, limit)
console.log(str.split(",")); // 결과: ['BlueShare', ' Blog']
// 7. toUpperCase()
console.log(str.toUpperCase()); // 결과: "BLUESHARE, BLOG"
// 8. toLowerCase()
console.log(str.toLowerCase()); // 결과: "blueshare, blog"
// 9. trim()
let str2 = " BlueShare, Blog ";
console.log(str2.trim()); // 결과: "BlueShare, Blog"
</script>
3. 사용 예제 실행 결과 화면

Number 객체
Number 객체는 숫자를 처리하고 관리하는 데 사용되는 내장 객체입니다. 숫자와 관련된 다양한 메서드와 속성을 제공합니다.
1. 주요 속성과 메서드
속성/메서드 | 설명 |
---|---|
MAX_VALUE | JavaScript에서 표현 가능한 최대 숫자값입니다. |
MIN_VALUE | JavaScript에서 표현 가능한 최소 양수 숫자값입니다. |
POSITIVE_INFINITY | 양의 무한대를 나타냅니다. |
NEGATIVE_INFINITY | 음의 무한대를 나타냅니다. |
NaN | 숫자가 아닌 값을 나타냅니다. |
parseInt(string, radix) | 문자열을 정수로 변환하여 반환합니다. 선택적으로 진수를 지정할 수 있습니다. |
parseFloat(string) | 문자열을 부동소수점 숫자로 변환하여 반환합니다. |
isInteger(value) | 값이 정수인지 여부를 확인합니다. 정수이면 true, 그렇지 않으면 false를 반환합니다. |
isNaN(value) | 값이 NaN(숫자가 아님)인지 여부를 확인합니다. NaN이면 true, 그렇지 않으면 false를 반환합니다. |
isFinite(value) | 값이 유한한 숫자인지 여부를 확인합니다. 유한한 숫자이면 true, 그렇지 않으면 false를 반환합니다. |
toExponential(fractionDigits) | 숫자를 지수 표기법으로 변환하여 문자열로 반환합니다. 선택적으로 소수점 아래 자릿수를 지정할 수 있습니다. |
toFixed(fractionDigits) | 숫자를 고정 소수점 표기법으로 변환하여 문자열로 반환합니다. 소수점 아래 자릿수를 지정할 수 있습니다. |
toLocaleString(locale, options) | 숫자를 지역화된 문자열로 변환하여 반환합니다. 선택적으로 로케일과 옵션 객체를 지정할 수 있습니다. |
toPrecision(precision) | 숫자를 지정된 정밀도로 표현한 문자열로 반환합니다. |
2. 사용 예제 코드
<script>
let num = 3.141592;
let str = "3.14";
let str2 = "BlueShare";
// 1. toFixed()
// 숫자를 반올림한 후, 지정된 소수점 자릿수를 가진 문자열로 반환합니다.
console.log(num.toFixed(2)); // 결과: "3.14"
// 2. parseInt()
console.log(Number.parseInt(str)); // 결과: 3
// 3. parseFloat()
console.log(Number.parseFloat(str)); // 결과: 3.14
// 4. isNaN()
// 값이 NaN(숫자가 아님)인지 여부를 확인하는 함수입니다.
console.log(isNaN(str2)); // 결과: true
console.log(isNaN(num)); // 결과: false
</script>
3. 사용 예제 실행 결과 화면

자바스크립트 기초 이전 게시물
이 글이 도움이 되셨다면 공유를 부탁 드립니다. 다음 글에서 뵙겠습니다!