자바스크립트 replace / 문자열 변경하기 > Html & Script

본문 바로가기
사이트 내 전체검색


회원로그인

오늘 48
어제 380
최대 618
전체 400,369
마음을 나누는 인터넷 일기장 - 통플 다이어리
Html & Script

자바스크립트 replace / 문자열 변경하기

페이지 정보

작성자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일16-12-06 17:46 조회2,526회 댓글0건

본문

 replace 란?

 

   replace 는 문자열중 조건에 맞는 문자열을 다른 문자열로 변경하여 리턴하는 함수입니다.

 

 - 자바스크립트 replace 사용방법

 

   "[문자열]".replace("[변경할 문자열 패턴]""[새로운 문자열]");

 

 - 예제 1

 

   변수 str을 생성하여 문자열 "홍길동,일지매,임꺽정" 을 담으시오.

 

 

 - 예제 1 소스

 

   var str "홍길동,일지매,임꺽정";

 

 - str 변수 확인

 

   document.write("str : " + str + "<br>");

 

   결과

   str : 홍길동,일지매,임꺽정 

 

 - 예제 2

 

   replace를 이용하여 str변수의 ","를 "|"로 바꾸시오.

 

 

 - 예제 2 소스

 

   var str = str.replace(",""|");

 

 - str 변수 확인

 

   document.write("str : " + str + "<br>");

 

   결과

   str : 홍길동/일지매,임꺽정 

 

 [참고사항] 예제 2 의 결과가 예상과 다른 이유

 

   예제 2 를 보면 replace 를 이용하여 ","를 "|"로 바꾸었으나 가장 앞에 존재하는 ","만 바뀌었습니다.

   이는 자바스크립트 replace의 특성으로 자바스크립트 replace는 1회만 문자열을 바꾸기 때문에 그렇습니다.

   따라서 모든 문자열을 바꾸려면 아래와 같이 하셔야 합니다.

 

 - 자바스크립트 모든 문자열 replace 사용방법 (replaceAll)

 

   "[문자열]".replace(/[변경할 문자열 패턴]/g"[새로운 문자열]");

 

 - 예제 3

 

   문자열 "홍길동,일지매,임꺽정"의 모든 ","를 replace를 이용하여 "|"로 바꾸시오.

 

 

 - 예제 3 소스

 

   document.write("홍길동,일지매,임꺽정".replace(/,/g, "|") + "<br>");

 

   결과

   홍길동|일지매|임꺽정

 

 [참고사항] 모든 문자열 패턴이 변경된 이유

 

   replace문 안에 정규식을 사용하여 모든 문자열 패턴이 변경되었습니다.

   [변경될 문자열 패턴] 을 /[변경될 문자열 패턴]/으로 정규식 형태로 변환하였으며, g옵션을 붙였습니다.

   /[변경될 문자열 패턴]/g 에서 g는 모든 문자열 패턴을 검색하라는 의미입니다.

   따라서 replace을 모든 문자열을 대상으로 실행하게 된 것입니다.

   

추천 0

댓글목록

등록된 댓글이 없습니다.

Html & Script 목록

Total 192건 1 페이지
Html & Script 목록
번호 제목 글쓴이 날짜 조회 추천
공지 유니코드의 명칭과 속성 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 38319 38
191 [jQuery] preventDefault(), stopPropagation() 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-22 201 0
190 소스보기 막기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-22 405 0
189 (자바스크립트) Base64 인코딩/디코딩 소스(UTF-8 지원) 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-20 375 0
188 jquery iframe 제어하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-08 404 0
187 [펌] Web Worker - 웹에서 멀티 쓰레드 구현하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-10 379 0
186 CSS Text & Viewport units 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-20 876 0
열람중 자바스크립트 replace / 문자열 변경하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-06 2527 0
184 날짜 및 시간 계산(JavaScript) 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-29 2854 0
183 동적으로 select의 option생성하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-21 3573 0
182 css ul li 가로 정렬 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-06 3210 0
181 자바스크립트 Attr 속성 추가 ,삭제, 조회하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 7642 0
180 오른쪽 마우스 클릭막기, 우클릭금지 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 3282 0
179 색상 코드표 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-19 2904 0
178 자바스크립트 in_array() 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-31 2013 0
177 (Jquery) radio checked 라디오 제어 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-21 2886 0
176 자바스크립트 날짜 차이 계산 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 2521 0
175 [AJAX] 1초마다 데이터 불러오기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 3185 0
174 Load Results From Database On Page Scroll Using jQ… 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 2706 0
173 [CSS] placeholder 컬러바꾸기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 2871 0
게시물 검색

Copyright © nuno21.net All rights reserved. 상단으로
모바일 버전으로 보기