JavaScript에서 null이 아닌 첫 번째/정의되지 않은 인수를 얻는 방법은 무엇입니까?
- PHPz앞으로
- 2023-08-24 20:17:12810검색
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이 아닌 첫 번째/정의되지 않은 인수를 반환하는 것을 볼 수 있습니다.
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이 아닌 첫 번째/를 반환합니다. 매개변수.
결론
이 기사에서는 JavaScript에서 null이 아니거나 정의되지 않은 첫 번째 매개변수를 가져오는 데 사용할 수 있는 세 가지 방법을 살펴보았습니다. 각 방법에는 고유한 장점과 단점이 있으므로 현재 작업에 적합한 방법을 선택하는 것이 중요합니다.
위 내용은 JavaScript에서 null이 아닌 첫 번째/정의되지 않은 인수를 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!