c# 에서 매우 많이 사용하는 String 확장메소드를 JavaScript에 구현하여 사용해 보았다.
아래는 문자열 확장메소드에 대한 설명
1. String.prototype.format
C#의 String.Format 메서드와 유사한 기능을 제공합니다. 문자열 내의 자리 표시자(예: {0}, {1} 등)를 매개변수로 전달된 값들로 대체합니다. 예를 들어, "Hello, {0}!".format("World")는 "Hello, World!"로 변환됩니다.
2. String.isNullOrEmpty
이 메서드는 주어진 문자열이 null, undefined, 또는 빈 문자열인지 여부를 검사합니다. C#의 string.IsNullOrEmpty 메서드와 동일한 역할을 합니다. 이 메서드를 사용하면 문자열이 유효한지 빠르게 확인할 수 있습니다
3. String.isNullOrWhiteSpace
String.isNullOrWhiteSpace는 문자열이 null, undefined, 빈 문자열이거나 공백 문자만으로 이루어졌는지 여부를 검사합니다. C#의 string.IsNullOrWhiteSpace와 동일한 기능을 수행하며, 입력 문자열이 실질적인 내용을 가지고 있는지 확인하는 데 유용합니다.
아래 코드의 jsdoc 의 설명은 msdn에서 제공하는 각각 String 확장 메소드들 설명을 그대로 사용
- 아래 코드를 jsfiddle 의 html 영역에 복사하고 run 버튼을 클릭하여 테스트 할 수 있습니다.
https://jsfiddle.net/
<script>
/**
* 지정된 형식에 따라 개체 값을 문자열로 변환하고 다른 문자열에 삽입합니다.
* @param {string[]} args - 문자열들..
*/
String.prototype.format = function (args) {
return this.replace(/{(\d+)}/g, (match, number) => {
return typeof args[number] != 'undefined'
? args[number]
: match;
});
};
/**
* 지정된 문자열이 null이거나 빈 문자열("")인지를 나타냅니다.
* @param {string} str - 테스트할 문자열입니다.
* @return {boolean} true 매개 변수가 value이거나 빈 문자열("")이면 null이고, 그러지 않으면 false입니다.
*/
String.isNullOrEmpty = function (str) {
if (str === null || str === undefined) {
str = ''; // null이나 undefined를 빈 문자열로 변환
} else if (typeof str !== 'string') {
throw new TypeError('String.isNullOrEmpty 함수는 null 또는 문자열 인수만을 사용합니다.');
}
return str === '';
};
/**
* 지정된 문자열이 null이거나 비어 있거나 공백 문자로만 구성되어 있는지를 나타냅니다.
* @param {string} str - 테스트할 문자열입니다.
* @return {boolean} true 매개 변수가 value 또는 null이거나, Empty가 모두 공백 문자로 구성되어 있으면 value입니다.
*/
String.isNullOrWhiteSpace = function (str) {
if (str === null || str === undefined) {
str = ''; // null이나 undefined를 빈 문자열로 변환
} else if (typeof str !== 'string') {
throw new TypeError('String.isNullOrWhiteSpace 함수는 null 또는 문자열 인수만을 사용합니다.');
}
return str.trim() === '';
};
// 1. Format 사용 예시
var text = 'http://dog.com?param1={0}¶m2={1}'.format('값1', '값2');
alert('1. format: ' + text);
// 2. isNullOrEmpty
var val1 = '카';
// var val1 = '';
// var val1 = null;
alert('2. isNullOrEmpty: ' + String.isNullOrEmpty(val1));
// 3. isNullOrWhiteSpace
var val2 = ' ';
alert('3. isNullOrWhiteSpace: ' + String.isNullOrWhiteSpace(val2));
</script>
'Web > JS & jQuery' 카테고리의 다른 글
유효성 검사 (1) | 2024.09.03 |
---|---|
jQuery-Confirm 플러그인 (1) | 2024.09.01 |
FAKE Ajax JSON 데이터가 필요할 때 jsonplaceholder (0) | 2024.08.30 |
JavaScript 에서 StringBuilder 를 사용해 보자 (0) | 2024.08.29 |
jQuery Templates plugin (1) | 2024.08.29 |