> 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 개행 문자를 바꾸는 방법은 무엇입니까?

JavaScript를 사용하여 개행 문자를 바꾸는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-08-28 20:33:02
앞으로
1380명이 탐색했습니다.

如何使用 JavaScript 替换换行符?

이 튜토리얼에서는
태그를 사용하여 JavaScript 코드의 모든 줄바꿈을 바꾸는 방법을 알아봅니다.
태그를 사용하여 모든 줄 바꿈을 바꾸는 방법에는 여러 가지가 있습니다. 일부 방법은 다음과 같습니다. -

문자열 바꾸기() 방법 및 RegEx 사용

이 방법에서는 String.replace() 방법을 사용하여 일반 텍스트의 모든 줄 바꿈을
토큰으로 바꿉니다. 여기서 RegEx는 string.replace() 메소드에서 작성한 정규식을 나타냅니다.

Syntax

다음은 replacement() 메소드를 사용한 것입니다. -

sentence.replace(/(?:\r|\r|)/g, "<br>");
로그인 후 복사

여기서 sentence는 줄 바꿈 문자가 포함된 문자열이고, replacement() 메소드의 첫 번째 매개변수는 정규식입니다.

Algorithm

  • 1단계 - 줄바꿈으로 문자열을 정의하고 표시합니다.

  • 2단계 - 위에서 정의한 문자열에 replace() 메서드를 적용합니다. 대체 방법을 적용하려면 위의 구문을 사용하십시오.

  • 3단계 - 2단계에서 얻은 문자열을 표시합니다. 모든 개행 문자는
    .

로 대체됩니다. 예

정규식을 사용하여 모든 개행 문자를
토큰으로 바꾸려면 아래에 제공된 코드를 사용할 수 있습니다.




   

<script> let sentence = `Javascript is a dynamic computer programming language for web. Javascript can update and change both HTML and CSS`; let br = document.getElementById("br"); br.innerHTML = sentence; function linebreak() { // Replace the line break with <br> sentence = sentence.replace(/(?:\r|\r|)/g, &quot;&lt;br&gt;&quot;); // Update the value of paragraph br.innerHTML = sentence; } </script>
로그인 후 복사

위 코드에서 string.replace() 메소드는 3개의 개행 문자, 즉 r

,

및 r에 g 태그가 있는지 확인한 다음 이를
태그로 바꿉니다.

split() 및 Join() 메서드 사용

이 메서드에서는 구분 기호를 사용하고 하위 문자열 배열을 반환한 다음 이러한 하위 문자열을 배열로 결합하고
를 전달하여 각 조인에
가 포함되도록 합니다.

Grammar

다음은 Split() 및 Join() 메서드를 적용하는 구문입니다. -

sentence.split("").join("<br />");
로그인 후 복사

여기 sentence는 개행 문자(

)가 포함된 문자열이며 이를
로 바꾸려고 합니다.

Algorithm

< ul class="list">
  • 1단계 - 줄바꿈으로 문자열을 정의하고 표시합니다.

  • 2단계 - 위에 정의된 문자열에 split()join() 메소드를 적용합니다. 대체 방법을 적용하려면 위의 구문을 사용하십시오.

  • 3단계 - 2단계에서 얻은 문자열을 표시합니다. 모든 줄 바꿈은
    .

  • 로 대체됩니다. 예

    아래 제공된 코드를 사용하면 분할 및 조인 방법을 사용하여 모든 줄 바꿈을
    태그

    
    
    
       

    <script> let sentence = `Javascript is a dynamic computer programming language for web. Javascript can update and change both HTML and CSS`; let br = document.getElementById("br"); br.innerHTML = sentence; function linebreak() { // Replace the line break with <br> sentence = sentence.split(&quot;&quot;).join(&quot;&lt;br /&gt;&quot;); // Update the value of paragraph br.innerHTML = sentence; } </script>
    로그인 후 복사

    로 바꿀 수 있습니다. 줄 문자열은 br 태그 문자열로 대체됩니다. 분할() 메서드를 사용하여 구분 기호를 사용하여 문자열을 분할한 다음, Join() 메서드를 사용하여 분할된 하위 배열을 결합하여 배열을 형성합니다.

    위 내용은 JavaScript를 사용하여 개행 문자를 바꾸는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    원천:tutorialspoint.com
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿