반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 자바스크립트
- Visual Studio Code
- input
- 이클립스
- table
- list
- json
- 자바
- CSS
- vscode
- 테이블
- html
- ArrayList
- javascript
- windows
- string
- CMD
- 배열
- js
- 인텔리제이
- Eclipse
- Files
- Array
- Java
- IntelliJ
- Button
- 이탈리아
- Maven
- 문자열
- date
Archives
- Today
- Total
어제 오늘 내일
[Javascript] 문자열에서 마지막 콤마 제거하기 본문
정규식을 이용하여
문자열의 마지막에 콤마가 있을 경우,
콤마를 제거하는 방법을 소개합니다.
문자열에서 마지막 콤마 제거하기
const str1 = "apple, banana";
const str2 = "apple, banana,";
const str3 = "apple, banana, ";
str1과 같이 문자열의 끝에 콤마가 없을 경우, 문자열을 그대로 유지하고,
str2와 같이 문자열의 끝에 콤마가 있을 경우, 문자열에서 콤마를 제거하고,
str3과 같이 문자열의 끝에 콤마가 있고, 빈 공백이 이어진 경우, 문자열에서 콤마를 제거하는 방법을 소개합니다.
const str1 = "apple, banana";
const str2 = "apple, banana,";
const str3 = "apple, banana, ";
const rslt1 = str1.replace(/,\s*$/, "");
const rslt2 = str2.replace(/,\s*$/, "");
const rslt3 = str3.replace(/,\s*$/, "");
document.write(rslt1);
document.write("<br />");
document.write(rslt2);
document.write("<br />");
document.write(rslt3);
str1.replace(/,\s*$/, "");
마지막 콤마를 삭제하기 위해서 replace 함수와 정규식을 사용하였습니다.
replace() 함수
replace() 함수는, 문자열(str1)에서 첫번째 파라미터 값을 찾아서, 두번째 파라미터 값으로 변환합니다.
단, 이때 첫번째로 찾은 값만 변환해줍니다.
위 예제에서는 str1에서 정규식(/,\s*$/)에 해당하는 값을 찾아서, 빈 공백("")으로 변환해 줍니다.
replace() 함수에 대해서는 아래 포스팅을 참조하세요.
[Javascript] 문자열에서 특정 문자열 치환하기 (replace)
[Javascript] replace() 함수 사용하여 대소문자 구분 없이 치환하기
[Javascript] 모든 문자열 치환하기 (replace, replaceAll)
정규식(/,\s*$/)
- / : 정규식 전체를 둘러싸고 있는 '/'는 정규식의 시작과 끝을 표시합니다.
- , : 우리가 찾고 있는 콤마(,) 문자입니다.
- \s : space 나 tab과 같은 공백을 나타냅니다. 여기서는 str3의 예제와 같이 콤마뒤에 이어지는 공백을 찾습니다.
- * : 0번 이상을 의미합니다. 여기서는 공백이 0번 이상 나타남을 의미합니다.
- $ : 문자열의 끝을 의미합니다.
즉, 위 정규식은 문자열의 끝에서 콤마와 0번이상의 공백이 있는 경우를 찾게 됩니다.
그리고, replace() 함수는 정규식에서 찾은 '콤마와 0번 이상의 공백'을 ""(비어있는 문자열)로 치환합니다.
반응형
'IT > Javascript' 카테고리의 다른 글
[Javascript] DOM의 style(css) 변경하기, 읽기 (style, getComputedStyle()) (0) | 2021.11.22 |
---|---|
[Javascript] 주석(Comment) 다는 2가지 방법 (0) | 2021.11.20 |
[Javascript] 배열 첫번째 값, 마지막 값 가져오기 (0) | 2021.04.14 |
[Javascript] ul, ol에 li 동적으로 추가, 삭제 하기 (0) | 2021.03.01 |
[Javascript] 테이블 구구단 만들기 (0) | 2021.01.23 |
Comments