Maison > Article > interface Web > Comment obtenir le premier argument non nul/non défini en JavaScript ?

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

PHPzavant: 2023-08-24 20:17:12854parcourir

如何在 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>

À 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().

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>

À 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>

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!

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：FabricJS - Comment désactiver plusieurs points de contrôle spécifiques d'un objet Line ?Article suivant：FabricJS - Comment désactiver plusieurs points de contrôle spécifiques d'un objet Line ?

Articles Liés

Voir plus