Une plongée approfondie dans les objets chaîne JavaScript

Objet chaîne chaîne

1. Introduction

Objet String, effectue des opérations sur des chaînes, telles que l'interception d'une sous-chaîne, la recherche de chaînes/caractères, la conversion de casse, etc.

2. Définition

2.1 nouveau constructeur String(Value) : renvoie un objet String dont le contenu est Value
Paramètres :

①value {String} : String

Valeur de retour :

{String object} renvoie un objet String dont le contenu est Value

Exemple :

Copier le code Le code est le suivant :

var demoStr = new String('abc');

console.log(typeof demoStr); // => objet

console.log(demoStr); // => abc

2.2 Affectation directe (recommandé)
Exemple :

Copier le code Le code est le suivant :

var demoStr = 'abc';

console.log(typeof demoStr); // string

console.log(demoStr); // => abc

3. Attributs de l'instance

3.1 longueur : renvoie le nombre de caractères dans la chaîne

Copier le code Le code est le suivant :

var s = 'abc';

console.log(s.length); // => 3

console.log('Happy New Year'.length); // => 4 : Un caractère chinois compte également comme une quantité 

console.log(''.length); // => 0 : une chaîne vide renvoie 0

4. Méthodes d'instance

Remarque : la méthode d'instance de string ne modifie pas la chaîne elle-même, mais renvoie uniquement le résultat de l'opération.

4.1 charAt(index) : renvoie le caractère à la position spécifiée dans une chaîne. Le nombre commence à 0. Si une valeur inexistante est transmise, une chaîne vide est renvoyée
Paramètres :

①index {int} : Indice de position, calculé à partir de 0

Valeur de retour :

{string} renvoie le caractère à la position spécifiée dans une chaîne ; si une valeur de position inexistante est transmise, une chaîne vide est renvoyée

Exemple :

Copier le code Le code est le suivant :

var s = 'abc';

console.log(s.charAt(1)); // => b : renvoie le caractère à la position 1

console.log(s); // => N'affecte pas le tableau d'origine

console.log(s.charAt(5)); // => '' : récupère un caractère à une position inexistante et renvoie une chaîne vide d'une longueur de 0

4.2 charCodeAt(index) : renvoie l'encodage Unicode du caractère à la position spécifiée dans une chaîne
Paramètres :

①index {int} : Indice de position, calculé à partir de 0

Valeur de retour :

{number} Renvoie le codage Unicode du caractère à la position spécifiée dans une chaîne ; si une valeur de position inexistante est transmise, NaN

est renvoyée.

Exemple :

Copier le code Le code est le suivant :

var s = 'abc';

console.log(s.charCodeAt(0)); // => 98 : Codage Unicode du caractère b

console.log(s.charCodeAt(5)); // => Récupère un caractère qui n'existe pas et renvoie NaN

4.3 concat(value1, value2 ... valueN) : Concatène une ou plusieurs chaînes et renvoie la chaîne concaténée
Paramètres :

①value1,value2 ... valueN {string} : une ou plusieurs chaînes

Valeur de retour :

{string} Renvoie la chaîne concaténée

Exemple :

Copier le code Le code est le suivant :

var s = 'abc';
console.log(s.concat('d')); // => abcd
console.log(s); // => n'affecte pas la chaîne d'origine
console.log(s.concat('d', 'e')); // =>

4.4 indexOf(value, |startPosition) : recherche une chaîne ou un caractère d'avant en arrière dans l'instance et renvoie la position trouvée (en comptant à partir de 0). S'il n'est pas trouvé, renvoyez -1
Paramètres :

①value {string} : chaîne de recherche

②startPosition {int} Facultatif : la position de départ pour commencer la recherche, la valeur par défaut est de commencer la recherche à partir de la position 0

Valeur de retour :

{int} Renvoie la position trouvée (en comptant à partir de 0). S'il n'est pas trouvé, renvoyez -1

Exemple :

Copier le code Le code est le suivant :

var s = 'abc';

console.log(s.indexOf('b')); // => 1

console.log(s.indexOf('d')); // => -1 : 
 introuvable
console.log(s.indexOf('b', 2)); // => -1 : Commencez à rechercher 
 à partir de la position 2 (le 3ème caractère)

4.5 lastIndexOf(value, |startPosition) : Recherchez une chaîne ou un caractère de l'arrière vers l'avant dans l'instance et renvoie la position trouvée (en comptant à partir de 0). S'il n'est pas trouvé, renvoyez -1
Paramètres :

①value {string} : chaîne de recherche

②startPosition {int} Facultatif : la position de départ pour commencer la recherche, la valeur par défaut est de commencer la recherche à partir de la fin

Valeur de retour :

{int} Renvoie la position trouvée (en comptant à partir de 0). S'il n'est pas trouvé, renvoyez -1

Exemple :

Copier le code Le code est le suivant :

var s = 'abcabc';

console.log(s.lastIndexOf('a')); // => 3 : Recherche de l'arrière vers l'avant

console.log(s.lastIndexOf('d')); // => -1 : Introuvable renvoie -1

console.log(s.lastIndexOf('a', 2)); // => 0 : Recherche vers l'avant 
 à partir de la position 2 (le 3ème caractère)

4.6 localeCompare(value) : Comparez l'instance avec le paramètre et renvoie le résultat de la comparaison
Paramètres :

①value {string} : La chaîne à comparer

Valeur de retour :

0 : L'instance est plus grande que le paramètre

　1 : L'instance et le paramètre sont égaux

-1 : L'instance est plus petite que le paramètre

Exemple :

Copier le code Le code est le suivant :

var s='abc';

console.log(s.localeCompare('ab')); // => 1 : L'instance est plus grande que le paramètre

console.log(s.localeCompare('abc')); // => 0 : l'instance et le paramètre sont égaux

console.log(s.localeCompare('abd')); // => -1 : L'instance est plus petite que le paramètre

4.7 match(regexp) : utilisez des expressions régulières pour faire correspondre la recherche
Paramètres :

①regexp {regexp} : expression régulière, ex : /d /

Valeur de retour :

Selon que l'expression régulière a ou non l'attribut 'g', des résultats différents sont renvoyés ; s'il n'y a pas de correspondance, {null} est renvoyé :

①L'expression régulière n'a pas l'attribut 'g', effectue une correspondance et renvoie un objet résultat {single match}. L'objet contient les attributs suivants :

Numéro de série du tableau : indique le résultat correspondant, 0 est le texte correspondant, 1 est le résultat correspondant de la première parenthèse de droite à droite, 2 est la deuxième parenthèse, et ainsi de suite

Attribut d'index : indique que le texte correspondant est à la position de départ de la source correspondante

Attribut d'entrée : indique la source correspondante

②L'expression régulière a l'attribut 'g', effectue une correspondance globale, trouve tous les objets correspondants dans la chaîne et renvoie un {tableau de chaînes} : l'élément du tableau contient chaque objet correspondant dans la chaîne, à l'exclusion de l'expression régulière entre parenthèses. La chaîne ne fournit pas non plus d’attributs d’index et d’entrée.

Exemple :

Copier le code Le code est le suivant :

// 1. Match unique 

vars = 'a1b2c3d4';

var mc = s.match(/d /); // => Obtenez le résultat du premier match régulier

si (mc != nul) {

console.log(mc.index); // => 1 : Le résultat correspondant est à la position de départ de la source correspondante 

console.log(mc.input) // => a1b2c3d4 : source correspondante 

console.log(mc[0]); // => 1 : Obtenez le résultat correspondant

>

// 2. Correspondance globale 

var mcArray = s.match(/d /g); // => Obtenez tous les nombres correspondants réguliers 

si (mcArray != null) {

pour (var i = 0,len=mcArray.length; i < len; i ) {

      var mc=mcArray[i];

console.log(mc); // => 1,2,3,4 : Obtenez les résultats correspondants

>

>

// 3. Correspondance avec parenthèses 

s = 'a1b2c3d4';

mc = s.match(/[a-z]([1-9])/); // => Obtenez le résultat du premier match régulier

si (mc != nul) {

console.log(mc.index); // => 0 : Le résultat correspondant est à la position de départ de la source correspondante 

console.log(mc.input) // => a1b2c3d4 : source correspondante 

console.log(mc[0]); // => a1 : le numéro de série 0 indique le résultat correspondant

console.log(mc[1]); // => 1 : le numéro de série 1 représente le résultat de la sous-correspondance dans la première parenthèse 

>

4.8 replace(regexp, replaceStr) : remplace la sous-chaîne correspondant à l'expression régulière et renvoie la chaîne remplacée
Paramètres :

①regexp {regexp} : expression régulière. par exemple :/d/

②replaceStr {string | fonction} :

1) S'il s'agit d'une chaîne, cela signifie la chaîne de remplacement, et toutes les chaînes correspondantes seront remplacées par cette chaîne

;

Le caractère $ dans une chaîne a une signification particulière :

$1,$2 ... $99 : indique les sous-éléments correspondants des ①paramètres des parenthèses de gauche à droite

$& : Indique les sous-éléments correspondant à l'ensemble du paramètre ①

$$ : signe dollar

2) S'il s'agit d'une fonction, cela signifie que cette fonction est appelée pour chaque résultat correspondant. Le seul paramètre de la fonction est le résultat correspondant, et un résultat de remplacement est renvoyé.

Valeur de retour :

{string} renvoie une chaîne remplacée

Exemple :

Copier le code Le code est le suivant :

var oldStr = 'a1b2c3d4';

// 1. Si la correspondance régulière correspond à [tous] les nombres, remplacez-les par : ',' virgule 

var newStr = oldStr.replace(/d /g, ',');

console.log(newStr); // => a,b,c,d,

// 2. La correspondance régulière correspond à [tous] les nombres et les remplace par : résultat correspondant ',' virgule

newStr = oldStr.replace(/d /g, '$&,');

console.log(newStr); // => a1,b2,c3,d4,

// 3. La correspondance régulière correspond à [tous] les nombres, appelle la fonction pour chaque résultat correspondant et renvoie le résultat remplacé 

newStr = oldStr.replace(/d /g, fonction (mot) {

Si (mot % 2 == 0) {

         renvoie « pair » ;

>

Renvoie 'impair' ;

});

console.log(newStr); // => a impair b pair c impair d pair

4.9 search(regexp) : renvoie la position où se trouve la première correspondance de l'expression régulière
Paramètres :

①regexp {regexp} : expression régulière. par exemple :/d/

Valeur de retour :

{int} Renvoie la position du premier résultat correspondant ; si aucun résultat correspondant n'est trouvé, -1 est renvoyé

Exemple :

Copier le code Le code est le suivant :

console.log( 'abcd'.search(/d /) ); // => -1 : Numéro 
 introuvable
console.log( 'abcd1234'.search(/d /) ); // => 4 : Le numéro de position est 4, renvoie la position du premier numéro 

4.10 slice(start, |end) : renvoie la sous-chaîne de la position de début de la chaîne à la position avant la fin
Paramètres :

①start {int} : L'index de position de départ de l'extraction de sous-chaîne (y compris le caractère à cette position).

Si le nombre est négatif, cela signifie compter à partir de la fin de la chaîne. Par exemple : -1 représente la dernière chaîne, -2 représente l’avant-dernier caractère.

②end {int} Facultatif : L'index de position de fin de l'extraction de sous-chaîne (à l'exclusion du caractère à cette position).

Si le nombre est négatif, cela signifie compter à partir de la fin de la chaîne. Par exemple : -1 représente la dernière chaîne, -2 représente l’avant-dernier caractère.

Si ce paramètre est omis, tous les caractères de la position de début à la fin seront renvoyés.

Remarque :

L'ordre d'extraction des sous-chaînes est de gauche à fin. Si la position de l'index de début est supérieure à la position de l'index de fin, une chaîne vide sera renvoyée.

Valeur de retour :

{string} renvoie la sous-chaîne de la position de début de la chaîne à la position avant la fin.

Exemple :

Copier le code Le code est le suivant :

var s = 'abcdefg';

console.log( s.slice(1) ); // bcdefg : omettez le paramètre de fin, la position de fin est la fin 

console.log( s.slice(1, 3) ); // bc : Renvoie la sous-chaîne de la position numéro 1 à la position numéro 2 (termine la position précédente) 

console.log( s.slice(-3) ); // efg : Renvoie tous les caractères du troisième à la fin 

console.log( s.slice(-3, -1) ); // ef : Renvoie tous les caractères 
 du troisième au dernier jusqu'à la seconde (la position de fin précédente)

4.11 split(delimiter, |arrayLength) : divise la chaîne en un tableau de chaînes selon un certain délimiteur et renvoie
Paramètres :

①delimiter {regexp | string} : Le délimiteur spécifié, qui peut être une expression régulière ou une chaîne.

②arrayLength {int} Facultatif : La longueur du tableau divisé. En cas d'omission, toutes les sous-chaînes divisées sont renvoyées.

Remarque :

Si le délimiteur est au premier ou au dernier caractère de la chaîne, une chaîne vide sera ajoutée au tableau renvoyé.

Valeur de retour :

{ string[] } Renvoie un tableau composé de chaînes.

Exemple :

Copier le code Le code est le suivant :

console.log( 'a,b,c,d,e'.split(',') ); // => 

console.log( ',a,b,c,d,e,'.split(',') ); // => , "e", ""] : Si le délimiteur est au début ou à la fin, une chaîne vide 
 sera ajoutée
console.log( 'a,b,c,d,e'.split(',',3) ); // => ["a", "b", "c"] : Renvoie les 3 premiers fractionnements Sous-chaîne de 

console.log( 'a1b2c3d4e'.split(/d/) ); // => ["a", "b", "c", "d", "e"] : Utiliser des nombres comme séparateurs 

4.12 substr(start, |wordLength) : renvoie une sous-chaîne commençant à partir de la position de départ de la chaîne jusqu'aux longueurs de wordLength
Paramètres :

①start {int} : L'index de position de départ de l'extraction de sous-chaîne (y compris le caractère à cette position).

Si le nombre est négatif, cela signifie compter à partir de la fin de la chaîne. Par exemple : -1 représente la dernière chaîne, -2 représente l’avant-dernier caractère.

②wordLength {int} Facultatif : Extrayez la longueur des caractères. Si ce paramètre est omis, tous les caractères de la position de début à la fin sont renvoyés.

Valeur de retour :

{string} renvoie la chaîne extraite

Exemple :

Copier le code Le code est le suivant :

ar s = 'abcdefg';

onsole.log( s.substr(0) ); // => abcdefg : Omettez le deuxième paramètre et renvoyez le caractère à partir de la position 0 jusqu'au dernier caractère 

onsole.log( s.substr(0, 3) ); // => abc : Retour à partir de la position numéro 0, en comptant 3 caractères 

onsole.log( s.substr(2, 4) ); // => cdef : Retour à partir de la position numéro 2, en comptant 4 caractères 

onsole.log( s.substr(-2, 3) ); // fg : Retour à partir de l'avant-dernière chaîne, en comptant 3 (si la longueur des caractères dépasse, seuls les caractères dénombrables seront renvoyés)

4.13 substring(start, |end) : renvoie la sous-chaîne de la position de début de la chaîne à la position avant la fin
Paramètres :

①start {int} : L'index de position de départ de l'extraction de sous-chaîne (y compris le caractère à cette position). Le nombre ne peut pas être négatif. S'il s'agit d'un nombre négatif, il sera traité comme 0

②end {int} Facultatif : L'index de position de fin de l'extraction de sous-chaîne (à l'exclusion du caractère à cette position). Le nombre ne peut pas être négatif. S'il s'agit d'un nombre négatif, il sera traité comme 0

Valeur de retour :

{string} renvoie la sous-chaîne de la position de début de la chaîne à la position avant la fin.

Exemple :

Copier le code Le code est le suivant :

var s = 'abcdefg';

console.log( s.substring(0) ); // => omettre le paramètre de fin et renvoyer le caractère commençant par le numéro de position 0 jusqu'au dernier caractère 

console.log( s.substring(0, 3) ); // => abc : renvoie les caractères 
 à partir de la position numéro 0 jusqu'à la position numéro 2 (la précédente du paramètre ②)
console.log( s.substring(2, 4) ); // => cd : Renvoie les caractères 
 à partir de la position numéro 2 jusqu'à la position numéro 3 (la précédente du paramètre ②)
console.log( s.substring(-3, 3) ); // abc : Si le paramètre est négatif, il sera traité comme le numéro 0, donc ce paramètre renvoie en fait les caractères de la position numéro 0 à la position numéro 3 

4.14 toUpperCase() : Convertit la chaîne en majuscule et renvoie
4.15 toUpperCase() : convertit la chaîne en minuscule et renvoie
4.16 trim() : supprime les caractères d'espacement au début et à la fin de la chaîne et renvoie

Ce qui précède représente l'intégralité du contenu de cet article. J'espère que grâce à cet article, tout le monde pourra avoir une nouvelle compréhension de l'objet String en JavaScript.

Une plongée approfondie dans les objets chaîne JavaScript_Les bases