Maison  >  Article  >  interface Web  >  Conseils pour apprendre les chaînes JS : utilisez des fonctions pour connecter plusieurs chaînes

Conseils pour apprendre les chaînes JS : utilisez des fonctions pour connecter plusieurs chaînes

青灯夜游
青灯夜游original
2021-08-16 16:08:373410parcourir

Dans l'article précédent "Comment js sait-il si une sous-chaîne donnée existe", nous avons introduit la méthode permettant de déterminer si une sous-chaîne donnée existe en obtenant la première ou la dernière position d'occurrence de la sous-chaîne dans la chaîne. Cette fois, nous poursuivons l'étude des chaînes JavaScript et introduisons plusieurs méthodes d'épissage de chaînes.

Dans les chaînes JavaScript, lorsqu'il s'agit d'épisser des chaînes, vous penserez à utiliser l'opérateur de concaténation de chaînes "+" pour connecter deux variables de chaîne ou plus : +”,使用它让两个或多个字符串变量连接起来:

var str1 = "Hello";
var str2 = "World";
var splicing = str1+" "+str2;
console.log("str1字符串为:"+str1);
console.log("str2字符串为:"+str2);
console.log("拼接之后的字符串为:"+splicing);

输出结果:

Conseils pour apprendre les chaînes JS : utilisez des fonctions pour connecter plusieurs chaînes

但除了字符串连接运算符“+”,JavaScript还内置了两个函数concat()或者join(),也可以用来实现字符串的拼接(在特定的代码环境中使用)。下面我们来了解一下:

1、使用concat()方法

concat()方法可以连接两个或多个字符串

var str1 = "Hello";
var str2 = str1.concat(" ","World"," ","!");
console.log("str1字符串为:"+str1); 
console.log("拼接之后的字符串为:"+str2);

分析:string.concat(str1,str2,...,strN)函数可以把多个参数str1,str2,...,strN添加到指定字符串string的尾部,然后返回连接后的字符串。

看看输出结果:

Conseils pour apprendre les chaînes JS : utilisez des fonctions pour connecter plusieurs chaînes

说明:concat()方法不会修改原字符串的值,因此 string 本身并没有被更改。

2、使用join()方法

join()方法其实是一个数组方法,可以把数组中的所有元素放入一个字符串。

在特定的操作环境中,我们可以借助该 join() 方法来连接字符串,如 HTML 字符串输出等。

var arr=new Array();
arr=["www","php","cn"];
var str=arr.join("");
arr = null;
document.write(str);

看看输出结果:

Conseils pour apprendre les chaînes JS : utilisez des fonctions pour connecter plusieurs chaînes

在传统浏览器中,使用数组的 join() 方法连接超大字符串时,速度会很快,是推荐的最佳方法。

var s = "JavaScript";
var arr=new Array();
for (var i = 0; i < 10; i ++) {
    arr.push(s);
}
var str=arr.join("-");
arr = null;
document.write(str);

看看输出结果:

Conseils pour apprendre les chaînes JS : utilisez des fonctions pour connecter plusieurs chaînes可以看出,array.join(分隔符) rrreee

Résultat de sortie :

 Conseils pour apprendre les chaînes JS : utilisez des fonctions pour connecter plusieurs chaînes

Mais en plus de l'opérateur de concaténation de chaînes "+", JavaScript possède également deux fonctions intégrées concat() ou join(), qui peuvent également être utilisées pour assembler des chaînes (utilisées dans un environnement de code spécifique. ). Jetons un coup d'oeil : 🎜🎜1. Utilisez la méthode concat()🎜🎜La méthode concat() peut connecter deux chaînes ou plus🎜rrreee🎜Analyse : string.concat(str1 ,str2, ...,strN)La fonction peut ajouter plusieurs paramètres str1,str2,...,strN à la fin de la chaîne spécifiée string , puis renvoie la chaîne concaténée. 🎜🎜Regardez le résultat : 🎜🎜2. png🎜🎜Remarque : La méthode concat() ne modifiera pas la valeur de la chaîne d'origine, donc string lui-même n'a pas été modifié. 🎜🎜2. Utilisez la méthode join() 🎜🎜La méthode join() est en fait une méthode tableau qui peut mettre tous les éléments du tableau dans une chaîne. 🎜🎜Dans des environnements d'exploitation spécifiques, nous pouvons utiliser la méthode join() pour connecter des chaînes, telles que la sortie de chaîne HTML, etc. 🎜rrreee🎜Regardez le résultat : 🎜🎜3 .png🎜🎜Dans les navigateurs traditionnels, lorsque vous utilisez la méthode join() d'un tableau pour joindre de très grandes chaînes, elle sera très rapide et constitue la méthode la mieux recommandée. 🎜rrreee🎜Regardez le résultat : 🎜🎜4 .pngOn peut voir que la fonction array.join(separator) peut utiliser le délimiteur spécifié pour joindre deux éléments du tableau ensemble pour former une chaîne et la générer. 🎜🎜D'accord, c'est tout. Si vous en avez besoin, vous pouvez lire : 🎜Tutoriel avancé javascript🎜🎜.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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