Maison > interface Web > js tutoriel > Une brève discussion sur les compétences de splicing_javascript de chaîne JavaScript

Une brève discussion sur les compétences de splicing_javascript de chaîne JavaScript

WBOY
Libérer: 2016-05-16 15:52:50
original
1394 Les gens l'ont consulté

La concaténation de chaînes est souvent rencontrée en JavaScript, mais elle est plus gênante si la chaîne à concaténer est trop longue.

S'il s'agit d'une seule ligne, la lisibilité est trop mauvaise ; s'il est remplacé par une nouvelle ligne, une erreur sera directement signalée.

Présentons maintenant quelques conseils pour épisser des chaînes en JavaScript (principalement pour les situations où les chaînes sont trop longues).

1. Ajout de chaîne ( )

var empList = ' <li data-view-section="details">'+
      '<span>Hello world</span>'+
     '</li>';
Copier après la connexion

2. Utilisez des barres obliques inverses pour concaténer des chaînes

var empList = ' <li data-view-section="details">\
      <span>Hello world</span>\
    </li>';
Copier après la connexion

3. Utilisez des tableaux pour concaténer des chaînes

Copier le code Le code est le suivant :

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

    Utilisez la méthode join du tableau pour convertir le tableau en chaîne

    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());
    Copier après la connexion

    Basé sur la méthode array, une classe similaire à StringBuffer en Java peut être encapsulée pour terminer l'épissage des chaînes.

    Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal