find(), findIndex() : 요소 찾기 - 자바스크립트

See the Pen find(), findIndex() by nilgi (@nilgi) on CodePen.

 

<h3>find(): 요소 찾기</h3>
<p id="gr_f"></p>
<script type="text/javascript">
  const no1 = [13, 234, 6754, 223, 66, 74];
  let gf1 = no1.find(myFunction);
  document.getElementById("gr_f").innerHTML = gf1;

  function myFunction(value, index, array) {
    return value > 24;
  }
</script>
<p>조건에 맞는 첫 번째 요소를 표시</p>

 

---

<h3>findIndex(): 요소를 찾고 그 요소의 위치 표시</h3>
<p id="gr_fi"></p>
<script type="text/javascript">
  const no2 = [13, 234, 6754, 223, 66, 74];

  document.getElementById("gr_fi").innerHTML =
  no2.findIndex(myFunction);

  function myFunction(value, index, array) {
    return value > 24;
  }
</script>
<p>조건에 맞는 첫 번째 요소의 위치 표시</p>