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

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

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

이제 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 = ['c93fdddc96bd78ea0e3ef30e92d4f8e9', '45a2772a6b6107b401db3c9b82c049c2Hello world54bdf357c58b8a65c66d7c19c8e4d114','bed06894275b65c1ab86501b08a632eb'].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와 유사한 클래스를 캡슐화하여 문자열 접합을 완료할 수 있습니다.

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