[JavaScript 주요 배열 함수] some / every / find / findIndex

주요 배열 함수 ㅣ some / every / find / findIndex 사용법, 차이점

 

 

some() - 조건을 만족하는 요소가 1개 이상인지 확인

 

조건을 만족하는 요소가 1개 이상 존재하는지 확인한다.

1개라도 존재한다면 true 반환, 모두 거짓이거나 빈 배열이면 false 반환

 

[1,5,10,30].some(num => num < 10); // true;

['one', 'two', 'three'].some(item => item.length < 3); // false

[].some(item => item === 'a'); // false

 

 

---

every() - 모든 요소가 조건에 만족하는지 확인

 

배열의 모든 요소가 조건을 만족하는지 확인한다.

모두 참이거나 빈 배열이면 true 반환, 1개라도 거짓이면 false 반환

 

[1,5,10,30].every(num => num < 10); // false

['one', 'two', 'six'].some(item => item.length === 3); // true

[].some(item => item === 'a'); // true

 

some()과 every()는 불리언 타입을 반환
filter()는 true인 값을 반환

 

 

---

find() - 조건에 맞는 첫 번째 요소 반환

 

true인 첫 번째 요소만 반환한다.

true인 요소가 존재하지 않으면 undefined 반환

 

[1,5,10,30].find(num => num < 10); // 1

['one', 'two', 'six'].find(item => item.length === 3); // one

[].find(item => item === 'a'); // undefined

 

find()의 결과값은 하나의 해당 요소값
filter()의 결과값은 해당 요소 값들로 이루어진 배열

 

 

---

findIndex() - 조건에 맞는 첫 번째 요소의 인덱스 반환

 

true인 첫 번째 요소의 인덱스를 반환한다.

true인 요소가 존재하지 않으면 -1 반환

 

[1,5,10,30].findIndex(num => num < 10); // 0

['one', 'two', 'three'].findIndex(item => item.length === 5); // 2

[].findIndex(item => item === 'a'); // -1