Maison > interface Web > js tutoriel > le corps du texte

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

青灯夜游
Libérer: 2021-08-25 16:00:06
original
4550 Les gens l'ont consulté

Dans l'article précédent "Apprentissage des chaînes JS : Comment unifier les majuscules et les minuscules de tous les caractères", nous avons présenté deux méthodes pour unifier les majuscules et les minuscules des chaînes. Les amis dans le besoin peuvent en apprendre davantage~

Et. cet article Le contenu principal est de « diviser la chaîne en plusieurs sous-chaînes plus petites et de transmettre ces sous-chaînes au tableau en tant qu'éléments du tableau » ;

Alors comment fonctionner ainsi ? Nous pouvons utiliser la fonction intégrée de JavaScript split(). split()

string.split(separator,limit)用于把一个字符串分割成字符串数组;接受两个可省略的参数separator(分割符或正则表达式,指定分割位置)和limit(指定返回的数组的最大长度)

可省略的参数separator有多种取值情况,不同的情况返回的数组也不一样:

1、split()方法不接受参数:

var str="How are you doing today?";
var arr=str.split();
console.log(arr);
Copier après la connexion

当参数为空时,则该方法会把整个字符串作为一个元素的数组返回(此时数组长度为1)。因此输出结果为:

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

2、split()方法的separator参数为空字符串

var str="How are you doing today?";
var arr=str.split('');
console.log(arr);
Copier après la connexion

当separator参数为空字符串时,那么该方法会按照单个字符进行分割,每个字符之间都会被分割,则会返回一个包含所有单个字符的字符数组(此时数组长度为字符串的长度)。因此输出结果为:

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

3、split()方法的separator参数为空格' '

var str="How are you doing today?";
var arr=str.split(' ');
console.log(arr);
Copier après la connexion

当separator参数为空格时,那么该方法会按照空格来进行分割,将字符串中的每个单词都分割出来作为数组元素。因此输出结果为:

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

4、split()方法的separator参数为正则表达式

var str= "a2b3c4d5e678f12g";
var arr=str.split(/\d+/);  //把以匹配的数字为分隔符来切分字符串
console.log(arr);
Copier après la connexion

当separator参数为正则表达式,则该方法能够以匹配文本作为分隔符进行切分。例如上例中就是匹配0~9的数字,将数字作为分割符,因此输出结果为:

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

  • 如果正则表达式匹配的文本位于字符串的边沿,则 split() 方法也执行切分操作,且为数组添加一个空数组。

var str= "122a2b3c4d5e678f12g456";
var arr=str.split(/\d+/);  //把以匹配的数字为分隔符来切分字符串
console.log(arr);
Copier après la connexion

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

  • 如果在字符串中指定的分隔符没有找到,则返回一个包含整个字符串的数组。

var str= "abcdefg";
var arr=str.split(/\d+/);  //把以匹配的数字为分隔符来切分字符串
console.log(arr);
Copier après la connexion

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

指定包含的子串数目

如果分割的子串太多,只是想要获取前几个子串,那么可以第二个参数limit

第二个参数limit

string.split(separator,limit) est utilisé pour diviser une chaîne en un tableau de chaînes ; accepte deux paramètres omis separator (séparateur ou formule d'expression régulière, spécifiez la division position) et limit (spécifiez la longueur maximale du tableau renvoyé)

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableauLe paramètre omis separator a plusieurs situations de valeurs, et différentes situations renvoient des tableaux sont également différents :

1. La méthode split() n'accepte pas les paramètres :

var str="How are you doing today?";
var arr=str.split(' ',3);
console.log(arr);
Copier après la connexion

Lorsque le paramètre est vide, la méthode renverra la chaîne entière sous forme de tableau d'éléments (à ce stade, la longueur du tableau est de 1). Le résultat de sortie est donc : Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau

2. Le paramètre séparateur de la méthode split() est une chaîne vide

var str="How are you doing today?";
var arr=str.split(' ',-3);
console.log(arr);
Copier après la connexion
Lorsque le paramètre séparateur est une chaîne vide, alors la méthode sera divisée selon un seul caractère, et chaque caractère sera divisé, un tableau de caractères contenant tous les caractères uniques sera renvoyé (la longueur du tableau est la longueur de la chaîne). Le résultat de sortie est donc : 🎜🎜Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau 🎜🎜3. Le paramètre séparateur de la méthode split() est un espace ' '
🎜rrreee🎜Lorsque le paramètre séparateur est un espace, alors la méthode suivra. Utilisez des espaces pour séparer chaque mot de la chaîne en tant qu'éléments du tableau. Le résultat de sortie est donc : 🎜🎜Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau 🎜🎜4. Le paramètre séparateur de la méthode split() est une expression régulière🎜rrreee🎜Lorsque le paramètre séparateur est une expression régulière, la méthode peut diviser le texte correspondant en tant que séparateur. Par exemple, dans l'exemple ci-dessus, les nombres de 0 à 9 correspondent et les nombres sont utilisés comme séparateurs, le résultat de sortie est donc : 🎜🎜Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau🎜
  • 🎜Si le texte correspond par l'expression régulière est dans le bord de la chaîne, la méthode split() effectue également l'opération de division et ajoute un tableau vide au tableau. 🎜
rrreee🎜 Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau🎜
  • 🎜Si le délimiteur spécifié dans la chaîne n'est pas trouvé, un tableau contenant la chaîne entière est renvoyé. 🎜
rrreee🎜 Apprentissage des chaînes JS : divisez la chaîne en sous-chaînes et transmettez-les au tableau🎜🎜Spécifiez le nombre de sous-chaînes incluses🎜🎜S'il y a trop de sous-chaînes divisées et que vous souhaitez simplement obtenir les premières sous-chaînes, vous pouvez utiliser le deuxième paramètre limite . 🎜🎜Le deuxième paramètre limit peut spécifier la longueur maximale du tableau renvoyé, qui peut définir le nombre de sous-chaînes incluses. Si ce paramètre est défini, la longueur du tableau renvoyé ne sera pas supérieure à la valeur spécifiée par ce paramètre : 🎜rrreee🎜🎜🎜🎜La limite du paramètre n'accepte pas les valeurs négatives. Si une valeur négative est définie, la valeur sera. omis. 🎜rrreee🎜🎜🎜🎜D'accord, c'est tout. Si vous en avez besoin, vous pouvez regarder : 🎜tutoriel vidéo 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!

É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