Comment supprimer toutes les voyelles d’une chaîne en JavaScript

Posté Par: Windows2022tutosur: décembre 28, 2022Dans: TechPas De Commentaires

Comment supprimer toutes les voyelles d’une chaîne en JavaScript

Introduction

Dans ce tutoriel, nous allons créer un Comment supprimer toutes les voyelles d’une chaîne en JavaScript. Ce tutoriel a pour but de vous apprendre à supprimer dynamiquement une voyelle dans une chaîne. Cela couvrira toutes les parties de base de la fonction qui supprimera la voyelle d’une chaîne. Je vais fournir un exemple de programme pour montrer le codage réel de ce tutoriel.

Ce tutoriel est simple et facile à comprendre, il suffit de suivre les instructions que j’ai fournies et vous pouvez le faire sans problème. Le but de ce programme est de montrer comment vous pouvez supprimer les voyelles d’une certaine chaîne. Je ferai de mon mieux pour vous fournir le moyen le plus simple de créer ce programme Supprimer la voyelle de la chaîne. Faisons donc le codage.

Avant de commencer :

Ceci est le lien pour le modèle que j’ai utilisé pour la conception de la mise en page https://getbootstrap.com/.

Création de l’interface

C’est ici que nous allons créer une interface simple pour notre application. Ce code n’affichera que la chaîne et les boutons. Pour le créer, copiez-le simplement et écrivez-le dans votre éditeur de texte, puis enregistrez-le sous index.html.

<!DOCTYPE html>
		<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
	<div class="col-md-6 well">
		<h3 class="text-primary">How to Remove All Vowels From a String</h3>
		<hr style="border-top:1px dotted #ccc;"/>
 

  


		<a class="btn btn-default" href="index.html">Reset</a>
		<button class="btn btn-default" onclick="displayStr();">Remove All Vowels</button>
		<div id="result" align="justify" style="padding:10px; border:5px dashed #000; font-size:20px;">A snake charmer is a person who moves the streets with different types of the banks of the river Yamuna. It is snakes in his basket. He goes from one place to another to show various types of snakes and their tricks. He carries a pipe with which he plays music and snakes dance to his tune. He usually wears a colourful dress. The job of a snake charmer is quite dangerous. Some snakes are quite poisonous and can even bite him. It is not an easy task to catch and train them for the shows.</div>

Création d’une fonction JavaScript

C’est là que se trouve la fonction principale de l’application. Ce code supprimera dynamiquement toutes les voyelles lorsque le bouton sera cliqué. Pour ce faire, copiez et écrivez simplement ce bloc de codes dans l’éditeur de texte et enregistrez-le sous script.js.

function displayStr(){
	let data = document.getElementById('result');
	data.innerHTML = removeVowels(data.innerHTML);
}
 
function removeVowels(str){
	return str.replace(/[aeiou]/gi, '');
}

Le code ci-dessus est le code que nous utilisons pour supprimer les voyelles d’une chaîne. Afin de supprimer les voyelles, nous devons d’abord créer une méthode appelée removeVowels(). Dans ce code, il ne renverra que la valeur de chaîne que vous avez définie et remplacera toutes les voyelles de la chaîne en utilisant remplacer() fonction avec une expression régulière définie. Enfin, nous ne créerons qu’une méthode qui affichera la voyelle remplacée dans le contenu html.

Production:

Le Comment supprimer toutes les voyelles d’une chaîne en JavaScript le code source que je fournis peut être téléchargé ci-dessous. Veuillez cliquer sur le bouton de téléchargement.

Voilà, nous avons créé avec succès Comment supprimer toutes les voyelles d’une chaîne en JavaScript. J’espère que ce tutoriel simple vous aidera à ce que vous recherchez. Pour plus de mises à jour et de tutoriels, veuillez simplement visiter ce site. Profitez du codage !

Plus de tutoriels pour le langage JavaScript

Tutoriels JavaScript

Télécharger ici