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 | 31 |
Tags
- 크롬웹
- git 버전관리
- 라매개발자
- git
- :root
- WEB2-JavaScript
- 코딩테스트
- 백준 정리
- margin 0 auto
- HTML
- box-sizing: border-box
- li 태그
- 백준 자바스크립트
- calc()
- error: ENOENT: no such file or directory
- 노마드 코더
- html 끝
- 생활코딩
- 나도코딩 파이썬
- max-width
- 생활코딩 WEB2-JavaScript
- border radius
- 백준
- 할만한데?
- Pull
- 단계별로 풀어보기
- nav태그
- 드림코딩
- button:focus cursor: pointer; outline: none;
- 나도코딩
Archives
- Today
- Total
코딩응애의 개발블로그
코플릿 문제 풀면서 알게된 것들 - replace() 본문
공백 2개를 1개로 바꿔서 출력을 해주는 문제 였는데 replace에 관해 더 자세히 알게됨
const p = 'The quick brown fox jumps over the lazy dog.'
console.log(p.replace('dog', 'monkey')); "The quick brown fox jumps over the lazy monkey." 출력
보통 이런식으로 씀.
replace() 특징은 첫번째로 찾은 문자열만 치환을 해준다는 것이다 예를 들어서
let str = 'apple, banana, orange, banana';
console.log(str.replace('banana', 'tomato')); // "apple, tomato, orange, banana" 출력
분명 banana는 2개가 있는데 앞에 것만 바뀌고 뒤에거는 안바뀌는 것을 볼 수 있다
또한 replace()는 대소문자를 구분을 해주어서 같은 단어라도 대소문자가 다르다면 바꾸질 않는다 ex) Banana 와 banana
여기서 가장 중요한거 그럼 문자열에서 변경하려는 모든 문자열(변경하려는)을 치환하는 방법은 정규식을 사용하는 것이다.
let str = 'apple, banana, orange, banana';
let replaced_str = str.replace(/banana/g, 'tomato'); // "apple, tomato, orange, tomato" 출력
정규식으로 찾으려는 문자열은 '/'로 감싸서, 파라미터로 들어가는 값이 정규식 임을 알려 주고
'/' 뒤에는 'g'라는 modifier를 붙여주는데 g는 'global match'라는 의미 즉 발생할 모든 패턴에 대한 전역 검색이란 의미이다.
그리고 대소문자도 구분하지 않고 모든 문자열을 치환을 하려면 g뒤에다가 i를 붙여주면 된다
여기서 i는 대소문자를 구분하지 말라는 의미 'ignore case'
정규식에 관한건 나중에 찾아보기
'코드스테이츠(부트캠프)' 카테고리의 다른 글
코드스테이츠 블로깅 - (REST API) + 생활코딩 (REST API) (0) | 2022.08.05 |
---|---|
코플릿 문제 풀면서 알게된 것들 - 배열안에 특정 값 제거 (0) | 2022.08.04 |
코드스테이츠 블로깅(프로토타입 체인) (0) | 2022.07.25 |
코드스테이츠 블로깅 (클래스와 인스턴스 , 객체지향 프로그래밍, 프로토타입과 클래스) (0) | 2022.07.22 |
코드스테이츠 (S2U1 [JavaScript] 고차함수) (0) | 2022.07.21 |
Comments