Maison > Article > interface Web > Comment vérifier la chaîne nulle/non définie/vide en JavaScript ?
Comment vérifier la chaîne nulle/non définie/vide en JavaScript ?
- WBOYavant
- 2023-08-22 14:17:091368parcourir
En JavaScript, "" représente une chaîne vide, et nous pouvons utiliser le mot-clé null pour initialiser la chaîne à une valeur nulle. Si nous n’attribuons aucune valeur à une variable, la valeur par défaut est indéfinie.
Parfois, lors du traitement de chaînes, nous devons vérifier si la chaîne est vide, indéfinie ou a une valeur nulle. Par exemple, nous obtenons des détails de l'utilisateur via un formulaire HTML, et l'utilisateur peut ajouter une chaîne vide dans le champ de saisie dont nous avons besoin pour valider le champ de saisie et afficher un message d'erreur à l'utilisateur ;
Dans ce tutoriel, nous apprendrons trois méthodes pour vérifier si une chaîne est vide, nulle ou indéfinie.
Utilisez la méthode string.trim() et la propriété string.length
La méthodestring.trim() nous permet de supprimer les espaces au début d'une chaîne. Nous pouvons donc supprimer la chaîne depuis le début de la chaîne. Après cela, nous pouvons vérifier si la longueur de la chaîne est nulle, ce qui signifie que la chaîne peut être vide, nulle ou indéfinie.
Grammaire
Les utilisateurs peuvent utiliser la méthode string.trim() et la propriété string.length() selon la syntaxe suivante pour vérifier les chaînes vides, non définies ou nulles.
let string1 = " ";
string1 = string1.trim();
if (string1.length == 0) {
// string is empty
}
Exemple
(exemple)Dans l'exemple ci-dessous, nous avons créé deux chaînes différentes. L'un est vide et l'autre ne contient que des espaces. L'utilisateur peut voir dans le résultat que notre logique montre que les deux chaînes sont vides puisque la deuxième chaîne ne contient que des espaces.
<html>
<body>
<h3> Using the<i> string.trim() method and string.length() </i> property to check whether a string is null, undefined, or empty. </h3>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
let string1 = "";
let string2 = " ";
string1 = string1.trim();
string2 = string2.trim();
if (string1.length == 0) {
output.innerHTML += "The string1 is empty! </br>";
}
if (string2.length == 0) {
output.innerHTML += "The string2 is empty! </br>";
}
</script>
</body>
</html>
Convertissez la chaîne en booléen et vérifiez si elle est vide, non définie ou nulle
Nous pouvons convertir une chaîne en booléen à l'aide d'un constructeur booléen ou d'un opérateur de double négation (!!). Lorsque nous convertissons une variable en booléenne, elle mappe toutes les fausses valeurs à faux et les autres valeurs à vrai. En JavaScript, les chaînes vides, null et non définies sont toutes des valeurs fausses, donc lorsque nous les convertissons en valeur booléenne, le constructeur Boolean() renvoie toujours false.
Grammaire
Dans la syntaxe ci-dessous, nous avons utilisé le constructeur Boolean() pour convertir la chaîne en valeur booléenne et vérifier si elle est vide.
let string3 = undefined;
if (Boolean(string3) == false) {
// string3 is either null, empty, or undefined
}
Exemple
(exemple)Nous avons converti trois chaînes contenant des valeurs nulles, nulles et non définies dans l'exemple ci-dessous. De plus, nous avons créé la fonction isValid() qui prend une chaîne comme paramètre et convertit la chaîne en valeur booléenne. Nous vérifions ensuite si la valeur de la chaîne renvoyée par le constructeur Boolean() est vraie ou fausse.
<html>
<body>
<h3> Converting the<i> string to boolean </i> to check whether a string is null, undefined, or empty. </h3>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
let str1 = "";
let str2 = null;
let str3 = undefined;
function isValid(str) {
if (Boolean(str)) {
output.innerHTML += "The " + str + " is valid <br/>";
} else {
output.innerHTML += "The " + str + " is not valid <br/>";
}
}
isValid(str1);
isValid(str2);
isValid(str3);
isValid("Hello");
</script>
</body>
</html>
Dans la sortie ci-dessus, l'utilisateur peut observer que le constructeur booléen renvoie false pour les chaînes vides, nulles et non définies et renvoie true pour la chaîne "Bonjour".
Utilisez l'opérateur d'égalité stricte
L'opérateur d'égalité stricte nous permet de comparer les valeurs de deux variables et également de comparer les types des variables. Ici, nous comparerons notre chaîne avec "", null et indéfini. De plus, nous utiliserons ces trois conditions ensemble dans une seule condition if en utilisant l'opérateur OR.
Si l'une de ces trois conditions devient vraie, cela signifie que la chaîne n'est pas valide.
Grammaire
Les utilisateurs peuvent utiliser l'opérateur d'égalité stricte selon la syntaxe suivante pour vérifier si une chaîne est vide, nulle ou non définie.
if (str === "" || str === null || str === undefined) {
// string is not valid
} else {
// string is valid
}
Exemple
(exemple)Dans l'exemple ci-dessous, la fonction isValid() contient des instructions if-else pour vérifier si la chaîne est valide. Comme indiqué dans la syntaxe, nous avons utilisé l'opérateur OR dans la condition de l'instruction if pour vérifier simultanément les trois conditions de chaîne vide, de chaîne nulle et de chaîne non définie.
<html>
<body>
<h3> Using the<i> strict equality operator </i> to check whether string is null, undefined or empty.</h3>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
function isValid(str) {
if (str === "" || str === null || str === undefined) {
output.innerHTML += "The " + str + " is not valid <br/>";
} else {
output.innerHTML += "The " + str + " is valid <br/>";
}
}
isValid(null);
isValid(undefined);
isValid("TutorialsPoint");
</script>
</body>
</html>
Les utilisateurs ont appris trois façons de vérifier si une chaîne est vide, indéfinie ou a une valeur nulle. Parmi ces trois méthodes, la meilleure méthode est la deuxième méthode, qui utilise le constructeur Boolean().
Cependant, les utilisateurs peuvent utiliser l'opérateur Doble, Not(!!), qui fournit une syntaxe simple mais ne convient pas aux débutants.
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!