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

Comment obtenir le premier argument non nul/non défini en JavaScript ?

PHPz
Libérer: 2023-08-24 20:17:12
avant
855 Les gens l'ont consulté

如何在 JavaScript 中获取第一个非空/未定义参数?

En JavaScript, nous devons souvent trouver le premier paramètre non nul/non défini dans une fonction. Cela peut être une tâche délicate, mais heureusement, il existe des moyens de nous aider à y parvenir

En utilisant Array.prototype.find()

Une méthode peut être utilisée pour obtenir la première valeur non nulle/invisible en JavaScript. Le paramètre de définition est la méthode Array.prototype.find(). Cette méthode renvoie la valeur du premier élément du tableau qui réussit le test donné. Dans notre cas, nous pouvons utiliser cette méthode pour trouver le premier paramètre non nul/indéfini en testant si le paramètre n'est pas nul/indéfini.

Exemple

Dans l'exemple ci-dessous, nous définissons une fonction pour trouver le premier argument qui n'est ni vide ni indéfini.

<html>
<head>
   <title>Example: finding first non-null arguements</title>
</head>
<body>
   <h2> Array.prototype.find() Method</h2>
   <div id="arguments"></div>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
         return args.find(arg => arg != null);
      }
      var result = findFirstNonNullArgument(null, undefined, "Hello", "World");
      document.getElementById("arguments").innerHTML = `Arguments: null, undefined, "Hello", "World"`;
      document.getElementById("result").innerHTML = "<br>First Non-Null Argument: " + result;
   </script>
</body>
</html>
Copier après la connexion

À partir du code ci-dessus, nous pouvons voir que la fonction findFirstNonNullArgument() accepte un nombre variable d'arguments et renvoie le premier argument non nul/non défini à l'aide de la méthode find(). < /p>

Utilisation d'Array.prototype.filter()

Une autre méthode qui peut être utilisée pour obtenir le premier argument non nul/non défini en JavaScript est la méthode Array.prototype.filter(). Cette méthode crée un nouveau tableau contenant tous les éléments qui réussissent le test donné. Dans notre cas, nous pouvons utiliser cette méthode pour trouver le premier paramètre non nul/indéfini en passant un test qui vérifie si le paramètre n'est pas nul/indéfini.

Exemple

Code fonctionnel complet ci-dessous.

<html>
<head>
   <title>Example: finding first non-null arguements</title>
</head>
<body>
   <h2> Array.prototype.filter() Method</h2>
   <div id="arguments"></div>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
         return args.filter(arg => arg != null)[0];
      }
      document.getElementById("arguments").innerHTML = `Arguments: null, undefined, "Hello", "World"`;
      document.getElementById("result").innerHTML = "<br>First non-nul argument: " + findFirstNonNullArgument(null, undefined, "Hello", "World")
   </script>
</body>
</html>
Copier après la connexion

À partir du code ci-dessus, nous pouvons voir que la fonction findFirstNonNullArgument() accepte un nombre variable de paramètres et renvoie le premier paramètre non nul/non défini à l'aide de la méthode filter().

Utiliser une boucle for

Une autre méthode qui peut être utilisée pour obtenir le premier paramètre non nul/non défini en JavaScript consiste à utiliser une boucle for. Cette méthode parcourt tous les paramètres et vérifie si chaque paramètre n’est pas vide/indéfini. S'il trouve un paramètre qui n'est pas vide/indéfini, il renverra ce paramètre.

Exemple

Vous trouverez ci-dessous le code de travail complet -

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
          for (let arg of args) {
             if (arg != null) {
                return arg;
            }
         }
      }
      document.getElementById("result").innerHTML = findFirstNonNullArgument(null, undefined, "Hello", "World")
   </script>
</body>
</html>
Copier après la connexion

Comme nous pouvons le voir dans le code ci-dessus, la fonction findFirstNonNullArgument() accepte un nombre variable d'arguments et renvoie le premier non nul/ en utilisant une boucle for non définie. paramètre.

Conclusion

Dans cet article, nous avons examiné trois méthodes différentes que vous pouvez utiliser pour obtenir le premier paramètre non nul/non défini en JavaScript. Chaque méthode a ses propres avantages et inconvénients, il est donc important de choisir celle qui convient le mieux à la tâche à accomplir.

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