웹 프론트엔드 JS 튜토리얼 자바스크립트 문자열 교체 기능을 사용하여 한 번에 모두 교체하는 방법_javascript 기술

자바스크립트 문자열 교체 기능을 사용하여 한 번에 모두 교체하는 방법_javascript 기술

May 16, 2016 pm 03:34 PM

JS 문자열 대체 함수: 바꾸기(“문자열 1″, “문자열 2″)

1. JS의 문자열 교체 함수는 교체("String 1", "String 2")라는 것을 모두 알고 있지만 이 함수는 문자열 1의 첫 번째 항목만 교체할 수 있으므로 어떻게 교체할 수 있습니까? 한꺼번에?

<script> 
var s = "LOVE LIFE ! LOVE JAVA ..."; 
alert(s); 
alert(s.replace("LOVE ", "爱")); 
alert(s.replace(/\LOVE/g, "爱")); 
</script> 
로그인 후 복사

위 코드를 HTML 파일로 저장하면 브라우저에서 효과를 확인할 수 있습니다.

어때요? 이해했다면 더 이상 읽을 필요가 없습니다. 이해가 안 되면 계속 읽어보세요.

사실 JS에서는 정규식을 사용했습니다. /LOVE/g에서 /LOVE는 문자열을 찾는다는 의미입니다. /g는 모든 의미를 의미하는 정규식의 구문입니다. 여기서는 모두 교체를 의미합니다.

그래서 위 코드의 의미는 문자열의 따옴표를 모두 제거한다는 것입니다.

2. 이제 모든 문자열을 바꾸는 방법을 알았습니다. 하지만 정규 표현식에 LOVE를 매개변수로 전달하려면 어떻게 해야 할까요?

그러면 다음 코드가 어떻게 구현되는지 살펴보겠습니다.

<script> 
var s = "LOVE LIFE ! LOVE JAVA ..."; 
alert(s); 
var tmp="LOVE "; 
var reg=new RegExp(""); 
alert(s.replace(reg,"爱")); 
</script>[color=olive]
로그인 후 복사

위 내용은 모든 JS 문자열 교체 기능을 한 번에 교체하는 방법에 대한 튜토리얼입니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript로 문자열 문자를 교체하십시오

사용자 정의 Google 검색 API 설정 자습서 사용자 정의 Google 검색 API 설정 자습서 Mar 04, 2025 am 01:06 AM

사용자 정의 Google 검색 API 설정 자습서

예제 색상 JSON 파일 예제 색상 JSON 파일 Mar 03, 2025 am 12:35 AM

예제 색상 JSON 파일

자신의 Ajax 웹 응용 프로그램을 구축하십시오 자신의 Ajax 웹 응용 프로그램을 구축하십시오 Mar 09, 2025 am 12:11 AM

자신의 Ajax 웹 응용 프로그램을 구축하십시오

8 멋진 jQuery 페이지 레이아웃 플러그인 8 멋진 jQuery 페이지 레이아웃 플러그인 Mar 06, 2025 am 12:48 AM

8 멋진 jQuery 페이지 레이아웃 플러그인

' this ' 자바 스크립트로? ' this ' 자바 스크립트로? Mar 04, 2025 am 01:15 AM

' this ' 자바 스크립트로?

소스 뷰어와의 jQuery 지식을 향상시킵니다 소스 뷰어와의 jQuery 지식을 향상시킵니다 Mar 05, 2025 am 12:54 AM

소스 뷰어와의 jQuery 지식을 향상시킵니다

모바일 개발을위한 10 개의 모바일 치트 시트 모바일 개발을위한 10 개의 모바일 치트 시트 Mar 05, 2025 am 12:43 AM

모바일 개발을위한 10 개의 모바일 치트 시트

See all articles