JavaScript

indexOf(), lastIndexOf() - 자바스크립트

CD2Y 2022. 4. 12.
반응형

See the Pen indexOf(), lastindexOf() by nilgi (@nilgi) on CodePen.

 

<h3>indexOf(): 요소 위치</h3>
<p id="gr_i"></p>
<script type="text/javascript">
  const name1 = ["닐기", "일기", "릴기", "닐기", "닐귀"];
  let ng1 = name1.indexOf("닐기") + 1;
  document.getElementById("gr_i").innerHTML = ng1;
</script>

<p>요소가 없을 때 -1로 표현</p>
<p>요소가 두 번 이상 나오면 첫 번째 위치 표시</p>



<h3>lastindexOf(): 요소 마지막 위치</h3>
<p id="gr_li"></p>
<script type="text/javascript">
  const name2 = ["닐기", "일기", "릴기", "닐기", "닐귀"];
  let ng2 = name2.lastIndexOf("닐기") + 1;
  document.getElementById("gr_li").innerHTML = ng2;
</script>

<p>indexOf는 i가 소문자고 lastIndexOf는 i가 대문자. 조심.</p>

 

※ +1하는 이유 : 자바스크립트 요소 순서는 0부터 시작.

반응형