본문 바로가기

02. JavaScript/99. etc

[JavaScript]Array.prototype.find()

React 강의를 보는데 이런 함수가 있었나 싶어서 찾아봤다. 자바스크립트를 잘하면 리액트도 쉽다는데.. 뜨끔했다 ㅋㅋ

자바에서도 이런 함수가 있었나? 해서 찾아봤는데 그나마 비슷한게 Optional 타입으로 stream 활용해서 하는게 있긴 했다.

학원에서 자주 썼던 기억이 있는데 기억이 안났다는게 참...

 

Array.prototype.find()

 Array 인스턴스의 find() 메소드는 배열에서 조건에 맞는 첫 번째 요소를 찾는데 사용된다.

이 메소드는 배열의 각 요소를 순회하고 조건 함수를 호출하여 첫번째로 true를 반환하는 요소를 반환한다.

 

<!DOCTYPE html>
<html>

<head>
  <title>Document</title>
</head>

<body>
  <script>
    let a = ["ㅁ", "ㅂ", "ㅅ", "ㅇ", "ㅈ", "ㅊ", "ㅌ", "ㅎ"];
    let y = "ㅎ";
    let z = "ㄱ";

    //a 배열에서 해당 값이 있으면 그 값을 반환
    console.log(a.find((x) => { return x == y })); //ㅎ
    console.log(Boolean(a.find((x) => { return x == y }))); //true

    console.log(a.find((x) => { return x == z })); //undefined
    console.log(Boolean(a.find((x) => { return x == z }))); //false

  </script>
</body>

</html>

 

console

'02. JavaScript > 99. etc' 카테고리의 다른 글

[JavaScript]History API  (0) 2023.12.02
[JavaScript]Array.from()  (0) 2023.11.27