Heim >Web-Frontend >js-Tutorial >Wie erhalte ich den ersten Nicht-Null-/undefinierten Parameter in JavaScript?

Wie erhalte ich den ersten Nicht-Null-/undefinierten Parameter in JavaScript?

PHPz
PHPznach vorne
2023-08-24 20:17:12887Durchsuche

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

In JavaScript müssen wir oft den ersten ungleich Null/undefinierten Parameter in einer Funktion finden. Dies kann eine knifflige Aufgabe sein, aber zum Glück gibt es Methoden, die uns dabei helfen können.

Mit Array.prototype.find()

Eine Methode kann verwendet werden, um den ersten Nicht-Null-/unsichtbaren Wert in JavaScript zu erhalten, den definierenden Parameter ist die Array.prototype.find()-Methode. Diese Methode gibt den Wert des ersten Elements im Array zurück, das den angegebenen Test besteht. In unserem Fall können wir diese Methode verwenden, um den ersten nicht-null/undefinierten Parameter zu finden, indem wir testen, ob der Parameter nicht null/undefiniert ist.

Beispiel

Im folgenden Beispiel definieren wir eine Funktion, um das erste Argument zu finden, das nicht leer oder undefiniert ist.

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

Aus dem obigen Code können wir ersehen, dass die Funktion findFirstNonNullArgument() eine variable Anzahl von Argumenten akzeptiert und das erste Nicht-Null-/undefinierte Argument mit der Methode find() zurückgibt.

Verwenden von Array.prototype.filter()

Eine weitere Methode, die verwendet werden kann, um das erste Nicht-Null-/undefinierte Argument in JavaScript abzurufen, ist die Methode Array.prototype.filter(). Diese Methode erstellt ein neues Array, das alle Elemente enthält, die den angegebenen Test bestehen. In unserem Fall können wir diese Methode verwenden, um den ersten nicht-null/undefinierten Parameter zu finden, indem wir einen Test übergeben, der prüft, ob der Parameter nicht null/undefiniert ist.

Beispiel

Vollständiger Arbeitscode unten.

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

Aus dem obigen Code können wir ersehen, dass die Funktion findFirstNonNullArgument() eine variable Anzahl von Parametern akzeptiert und den ersten Nicht-Null-/undefinierten Parameter mithilfe der Methode filter() zurückgibt.

Verwenden einer for-Schleife

Eine weitere Methode, die verwendet werden kann, um das erste Nicht-Null-/undefinierte Argument in JavaScript abzurufen, ist die Verwendung einer for-Schleife. Diese Methode durchläuft alle Parameter und prüft, ob jeder Parameter nicht leer/undefiniert ist. Wenn ein Parameter gefunden wird, der nicht leer/undefiniert ist, wird dieser Parameter zurückgegeben.

Beispiel

Unten finden Sie den vollständigen Arbeitscode –

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

Wie wir dem obigen Code entnehmen können, akzeptiert die Funktion findFirstNonNullArgument() eine variable Anzahl von Argumenten und gibt das erste Nicht-Null-Argument mithilfe einer undefinierten for-Schleife zurück Parameter.

Fazit

In diesem Artikel haben wir uns drei verschiedene Methoden angesehen, mit denen Sie den ersten Nicht-Null-/undefinierten Parameter in JavaScript abrufen können. Jede Methode hat ihre eigenen Vor- und Nachteile, daher ist es wichtig, die richtige für die jeweilige Aufgabe auszuwählen.

Das obige ist der detaillierte Inhalt vonWie erhalte ich den ersten Nicht-Null-/undefinierten Parameter in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen