> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 문자열 splicing_javascript 기술에 대한 간략한 토론

JavaScript 문자열 splicing_javascript 기술에 대한 간략한 토론

WBOY
풀어 주다: 2016-05-16 15:52:50
원래의
1420명이 탐색했습니다.

문자열 연결은 자바스크립트에서 자주 발생하는데, 연결하려는 문자열이 너무 길면 더 문제가 됩니다.

한 줄이면 가독성이 너무 떨어지고, 새 줄로 바꾸면 바로 오류가 보고됩니다.

이제 JavaScript에서 문자열을 연결하는 몇 가지 팁을 소개하겠습니다(주로 문자열이 너무 긴 경우).

1. 문자열 추가( )

var empList = ' <li data-view-section="details">'+
      '<span>Hello world</span>'+
     '</li>';
로그인 후 복사

2. 백슬래시를 사용하여 문자열을 연결하세요

var empList = ' <li data-view-section="details">\
      <span>Hello world</span>\
    </li>';
로그인 후 복사

3. 배열을 사용하여 문자열 연결

코드 복사 코드는 다음과 같습니다.

var empList = ['
  • ', 'Hello world','
  • '].join("");

    배열의 조인 메소드를 사용하여 배열을 문자열로 변환

    function StringBuffer(){
      this.buffer = [];
    }
    //将新添加的字符串添加到数组中
    StringBuffer.prototype.append = function(str){
      this.buffer.push(str);
      return this;
    };
    //转成字符串
    StringBuffer.prototype.toString = function(){
      return this.buffer.join("");
    };
    //用法
    var buffer = new StringBuffer();
    buffer.append("hello");
    buffer.append(',world');
    console.log(buffer.toString());
    로그인 후 복사

    배열 메소드를 기반으로 Java의 StringBuffer와 유사한 클래스를 캡슐화하여 문자열 접합을 완료할 수 있습니다.

    위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

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