ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript 文字列 splicing_javascript スキルに関する簡単な説明

JavaScript 文字列 splicing_javascript スキルに関する簡単な説明

WBOY
WBOYオリジナル
2016-05-16 15:52:501378ブラウズ

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 = ['c3c2a9e60b620eac321aec84abd5dbd7', '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 に似たクラスをカプセル化し、文字列のスプライシングを完了できます。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。