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

Insérer un caractère après tous les n caractères en JavaScript

WBOY
Libérer: 2023-08-24 13:37:13
avant
1167 Les gens l'ont consulté

JavaScript 中每 n 个字符后插入一个字符

Insérer un caractère spécifique après tous les n caractères en Javascript est un concept facile à comprendre qui nous permet de mieux comprendre les fonctionnalités de Javascript.

Ici, n peut être n'importe quel nombre entier compris entre 1 et moins que la longueur de la chaîne.

Dans cet article, nous traiterons de la variable inputString = "abcdefghijklmnopqrstuvwxyz" et viserons à ajouter un caractère "-" tous les 5 caractères. Il existe plusieurs façons de procéder en utilisant JavaScript, comme indiqué ci-dessous -

Utilisez la méthode slice()

En JavaScript, la fonction slice() est utilisée pour extraire une partie d'une chaîne donnée et renvoyer une nouvelle chaîne. Cette méthode accepte deux paramètres : l'index de début et l'index de fin de la sous-chaîne à extraire. La sous-chaîne contient l'index de début mais pas l'index de fin.

Exemple

let inputString = "Tutorials Point Simply Easy Learning";
let n = 5; // specify after how many characters does the specified character have to be inserted
let insertChar = "-";
let outputString = "";
for (let i = 0; i < inputString.length; i += n) {
   let slice = inputString.slice(i, i + n);
   if(slice.length==n)
      outputString += slice + insertChar;
   else
      outputString += slice;
}
console.log(outputString);
Copier après la connexion

Sortie

Tutor-ials -Point- Simp-ly Ea-sy Le-arnin-g
Copier après la connexion
Copier après la connexion
Copier après la connexion

Utilisez la méthode replace() avec des expressions régulières

En JavaScript, la méthode replace() est utilisée pour remplacer une sous-chaîne spécifique ou une correspondance d'expression régulière par une nouvelle chaîne. Cette méthode accepte deux paramètres : la sous-chaîne ou l'expression régulière à remplacer et la nouvelle chaîne qui correspondra à la sous-chaîne ou à l'expression régulière remplacée. Cela nous permet d'effectuer des remplacements de chaînes complexes.

Exemple

let inputString = "Tutorials Point Simply Easy Learning";
let n = 5;
let insertChar = "-";
let outputString = inputString.replace(new RegExp(`.{${n}}`, 'g'), '$&' +
insertChar);
console.log(outputString);
Copier après la connexion

Sortie

Tutor-ials -Point- Simp-ly Ea-sy Le-arnin-g
Copier après la connexion
Copier après la connexion
Copier après la connexion

Utilisez split() et réduire()

La méthode

split() est utilisée pour diviser une chaîne en un tableau de sous-chaînes. Cette méthode prend un paramètre appelé délimiteur. Il est utilisé pour spécifier le point de partage de la chaîne.

La méthode

reduce() est une fonction d'ordre supérieur. Son but est de traiter et de réduire un tableau en une seule valeur. Cette méthode accepte deux paramètres, une fonction de rappel et une valeur initiale facultative. La fonction de rappel est appliquée à chaque élément du tableau et la valeur de retour de la fonction est transmise à l'itération suivante en tant qu'accumulateur. La valeur de retour finale de la fonction est la valeur réduite. Ils peuvent être utilisés ensemble pour insérer un caractère tous les n caractères.

Exemple

let inputString = "Tutorials Point Simply Easy Learning";
let n = 5; // insert a character after every 5 characters
let insertChar = "-";
let outputString = inputString.split("").reduce(function(acc, val, i) {
   return i % n === 0 && i !== 0 ? acc + insertChar + val : acc + val;
}, "");
console.log(outputString);
Copier après la connexion

Sortie

Tutor-ials -Point- Simp-ly Ea-sy Le-arnin-g
Copier après la connexion
Copier après la connexion
Copier après la connexion

Utilisez substr() et concat()

La méthode substr() en JavaScript est utilisée pour extraire une sous-chaîne d'une chaîne donnée, en commençant à un index spécifié et en continuant pendant un nombre spécifié de caractères. Cette méthode prend deux paramètres : l'index de départ et le nombre de caractères contenus dans la sous-chaîne.

La méthode concat() en JavaScript est utilisée pour concaténer deux ou plusieurs tableaux ou chaînes ensemble. Cette méthode accepte un ou plusieurs tableaux ou chaînes comme arguments et renvoie un nouveau tableau ou chaîne contenant tous les éléments du tableau ou de la chaîne d'origine.

Exemple

let inputString = "abcdefghijklmnopqrstuvwxyz";
let n = 5; // insert a character after every 5 characters
let insertChar = "-";
let outputString = "";
for (let i = 0; i < inputString.length; i += n) {
   let slice = inputString.substr(i, n);
   if(slice.length==n)
      outputString = outputString.concat(slice, insertChar);
   else
      outputString = outputString.concat(slice);
}
console.log(outputString);
Copier après la connexion

Sortie

abcde-fghij-klmno-pqrst-uvwxy-z
Copier après la connexion

Conclusion

Il existe de nombreuses façons d'insérer un caractère tous les n caractères dans une chaîne en JavaScript, par exemple en utilisant la méthode slice() combinée avec une boucle for, la méthode replace() combinée avec des expressions régulières, les méthodes split() et join(), substr () et concat(), etc. L'approche spécifique que vous choisirez dépendra des exigences de votre cas d'utilisation et de vos préférences personnelles en matière de lisibilité et de maintenabilité du code. Il est bon de savoir que toutes ces méthodes ont une complexité temporelle linéaire O(n). Gardez à l’esprit que l’utilisation d’une méthode plus efficace peut entraîner une différence significative en termes de performances lors de la gestion de chaînes volumineuses.

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!

source:tutorialspoint.com
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!