반응형
Array.prototype.find(callback)
callback 함수 내에서 구현된 조건을 만족하는 최초의 요소를 반환, 중복되는 요소가 있으면 뒤의 요소를 무시한다.
만일 조건과 일치하는 요소가 없으면 undefined 를 반환한다.
const users =[
{username:"고기좋아"},
{username:"술좋아"},
{username:"야채싫어"},
{username:"야채싫어"}
];
const find = users.find(user => user.username ==="야채싫어");
console.log(find); // {username:"야채싫어"}
Array.prototype.findIndex(callback)
find 메서드와 마찬가지로 콜백함수 내 조건을 만족하는 요소를 찾는다. 다만, 해당 요소 대신 그 요소의 인덱스를 반환한다.
const users =[
{username:"고기좋아"}, // 0
{username:"술좋아"}, // 1
{username:"야채싫어"}, // 2 ←
{username:"야채싫어"} // 3
];
const find = users.findIndex(user =>user.username ==="야채싫어");
console.log(find); // 2
반응형
'자바스크립트' 카테고리의 다른 글
[js] 브라우저의 렌더링 과정(1) - 주소창 (0) | 2023.02.13 |
---|---|
[javascript] reduce() (0) | 2023.02.10 |
[javascript] concat , indexOf, includes (0) | 2023.02.10 |
[javascript] push(), pop(), splice(), slice() (0) | 2023.02.10 |
[javascript] 자바스크립트 내부 동작 (0) | 2023.02.09 |