Array.prototype.filter(), Array.prototype.find()의 차이

2023. 2. 16. 22:00·javascript

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/find


Array.filter와 비슷하게 조건에 맞는 배열을 새로운배열로 리턴하지만
Array.find는 첫번째 요소만을 반환한다.

const array1 = [5, 12, 8, 130, 44];

const found = array1.filter(element => element > 10);
console.log(found); //[12, 130, 44]

const found2 = array1.find(element => element > 10);
console.log(found2); //12

'javascript' 카테고리의 다른 글

parseInt(), Number() 의 차이  (0) 2023.03.02
Array.findIndex()  (0) 2023.03.02
tsconfig.json 기본세팅, d.ts, JSDoc  (0) 2023.02.14
Typescript 기초개념 정리  (0) 2023.02.14
async, await 알아보기  (0) 2022.03.30
'javascript' 카테고리의 다른 글
  • parseInt(), Number() 의 차이
  • Array.findIndex()
  • tsconfig.json 기본세팅, d.ts, JSDoc
  • Typescript 기초개념 정리
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • TECH (82)
      • Next.js (8)
      • React (25)
      • Vite (1)
      • javascript (17)
      • CSS (6)
      • CS (10)
      • AWS (0)
      • Jest (1)
      • CI|CD (0)
      • 알고리즘 (8)
      • Tools (1)
      • Tips (5)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

      커머스프로젝트
      타입스크립트
      react state management
      웹브라우저구성
      배열요소순서
      redux
      Array.sort()
      React
      서버컴포넌트
      styled-components
      nextjs
      reat-head
      call signatures
      git배포
      app-router
      theme-provider
      JavaScript
      global-style
      함수와 메서드차이
      TypeScript
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.0
    ssund
    Array.prototype.filter(), Array.prototype.find()의 차이
    상단으로

    티스토리툴바