JavaScript의 find() 메서드는 조건이 전달되면 배열의 첫 번째 요소 값을 반환하는 데 사용되며 그렇지 않으면 반환 값이 정의되지 않습니다. 구문은 다음과 같습니다 -
array.find(function(val, index, arr),thisValue)
여기서 function은 현재 요소의 값인 val이 있는 함수입니다. index는 배열 인덱스이고 arr은 배열입니다. 이 값 매개변수는 함수에 전달할 값입니다.
예시
<!DOCTYPE html>
<html>
<body>
<h2>Ranking Points</h2>
<p>Get the points (first element) above 400...</p>
<button onclick="display()">Result</button>
<p id="demo"></p>
<script>
var pointsArr = [50, 100, 200, 300, 400, 500, 600];
function pointsFunc(points) {
return points > 400;
}
function display() {
document.getElementById("demo").innerHTML = pointsArr.find(pointsFunc);
}
</script>
</body>
</html> 출력
이제 "결과" 버튼을 클릭하십시오 -
결과가 정의되지 않은 또 다른 예를 살펴보겠습니다. -
예시
<!DOCTYPE html>
<html>
<body>
<h2>Ranking Points</h2>
<p>Get the points (first element) above 400...</p>
<button onclick="display()">Result</button>
<p id="demo"></p>
<script>
var pointsArr = [50, 100, 200, 300, 400];
function pointsFunc(points) {
return points > 400;
}
function display() {
document.getElementById("demo").innerHTML = pointsArr.find(pointsFunc);
}
</script>
</body>
</html> 출력
이제 "결과" 버튼을 클릭하세요 -
