JavaScript에서 null이 아닌 첫 번째/정의되지 않은 인수를 얻는 방법은 무엇입니까?-JS 튜토리얼-php.cn

JavaScript에서 null이 아닌 첫 번째/정의되지 않은 인수를 얻는 방법은 무엇입니까?

PHPz

풀어 주다： 2023-08-24 20:17:12

앞으로

887명이 탐색했습니다.

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

JavaScript에서는 함수에서 null이 아니거나 정의되지 않은 첫 번째 매개변수를 찾아야 하는 경우가 많습니다. 이것은 까다로운 작업일 수 있지만 운 좋게도 이 작업을 수행하는 데 도움이 될 수 있는 메서드가 있습니다.

Array.prototype.find() 사용

메서드를 사용하면 JavaScript에서 첫 번째 null이 아닌/보이지 않는 값을 얻을 수 있습니다. 정의 매개변수 Array.prototype.find() 메서드입니다. 이 메소드는 주어진 테스트를 통과한 배열의 첫 번째 요소 값을 반환합니다. 우리의 경우 이 방법을 사용하여 매개변수가 null/정의되지 않았는지 여부를 테스트하여 null이 아닌 첫 번째/정의되지 않은 매개변수를 찾을 수 있습니다.

예

아래 예에서는 비어 있지 않거나 정의되지 않은 첫 번째 인수를 찾는 함수를 정의합니다.

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

로그인 후 복사

위 코드에서 findFirstNonNullArgument() 함수가 다양한 개수의 인수를 받아들이고 find() 메서드를 사용하여 null이 아닌 첫 번째/정의되지 않은 인수를 반환하는 것을 볼 수 있습니다. < /p>

Array.prototype.filter() 사용

JavaScript에서 null이 아니거나 정의되지 않은 첫 번째 인수를 가져오는 데 사용할 수 있는 또 다른 방법은 Array.prototype.filter( ) 메서드입니다. 이 메소드는 주어진 테스트를 통과하는 모든 요소를 포함하는 새 배열을 만듭니다. 우리의 경우 매개변수가 null/정의되지 않았는지 확인하는 테스트를 전달하여 이 메서드를 사용하여 null이 아닌 첫 번째 매개변수/정의되지 않음을 찾을 수 있습니다.

Example

전체 작업 코드는 다음과 같습니다.

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

로그인 후 복사

위 코드에서 findFirstNonNullArgument() 함수는 다양한 수의 매개변수를 허용하고 filter() 메서드를 사용하여 null이 아닌 첫 번째/정의되지 않은 매개변수를 반환하는 것을 볼 수 있습니다.

for 루프 사용

JavaScript에서 null이 아니거나 정의되지 않은 첫 번째 매개변수를 가져오는 데 사용할 수 있는 또 다른 방법은 for 루프를 사용하는 것입니다. 이 메서드는 모든 매개변수를 반복하여 각 매개변수가 비어 있거나 정의되지 않았는지 확인합니다. 비어 있지 않거나 정의되지 않은 매개변수를 찾으면 해당 매개변수를 반환합니다.

Example

아래는 전체 작업 코드입니다.

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

로그인 후 복사

위 코드에서 볼 수 있듯이 findFirstNonNullArgument() 함수는 가변 개수의 인수를 받아들이고 for 루프를 사용하여 null이 아닌 첫 번째/를 반환합니다. 매개변수.