[자바스크립트] javascript every() 사용하기

[자바스크립트] javascript every() 사용하기

 

 

 

 

 

 

 

 

 

 

 

자바스크립트에서 for문의 남용을 막기위해 만들어낸 배열함수!

 

배열의 모든 요소가 조건에 만족하는지 확인하는 메소드!

배열 요소 중, 조건에 맞지 않는 요소가 있는지 검사한다. (some() 과는 반대되는 접근방식)

결과값은 true or false 로 반환한다!

 

 

 

 

 

 

 

 

 

[사용법]

 

//화살표 함수 표기법
array.every((element, index, array) => { ... });


//콜백함수로 호출하는 법
array.every(callbackFn, thisArg);


//익명함수로 표기법
array.every(function(element, index, array) {

}, thisArg);

 

 

 

 

 

 

 

 

 

 

[간단설명]

 

array.every() 는 배열을 순환하면서,

콜백함수의 조건에 모든 요소가 부합하면 true, 아니면 false 를 반환한다.

 

 

 

 

 

 

 

 

 

 

 

[특징]

 

• 배열을 순환하면서 조건에 맞지 않는 요소를 찾는 순간, 순환을 중지하고, 즉시 false 값을 반환한다.
• every() 자체는 원본배열을 변형시키지 않는다.
• 값이 존재하지 않거나, delete 된 요소는 테스트하지 않는다.

 

 

 

 

 

 

 

 

 

 

 

[주의]

 

• 빈 배열에 every() 를 사용한 경우, true 를 반환한다.

 

 

 

 

 

 

 

 

 

 

파라미터(parameter) : 

 

 

callback함수 :
배열의 모든 요소를 test 할 함수

 

 

element : 
(순환 중) 현재 처리중인 요소 그 자체

 

index (optional) : 
(순환 중) 현재 처리중인 요소의 index

 

array (optional) : 
every() 가 실행되고 있는 원본배열

 

thisArg (optional) : 
callback 함수가 실행중일 때 this로 사용될 값

 

 

 

 

 

 

 

 

 

---

[예제1]

 

var array = [1, 7, 22, 36, 42, 44];

//화살표 함수
array.every(el => el <= 45);
array.every(el => el > 10);


//결과값 : true
//결과값 : false

 

 

 

 

 

 

[예제2]

 

var topTeam = [
    {team:'ManCity', league:'EPL'},
    {team:'Chelsea', league:'EPL'},
    {team:'Liverpool', league:'EPL'},
    {team:'Spurs', league:'EPL'},
    {team:'Juventus', league:'Serie A'}
];


//전부 EPL 팀인가 체크
function checkLeague(array) {
    if(array.every(el => el.league == 'EPL')) {
    	alert("all teams are from EPL");
    }else {
    	alert("Nah, we've got Juventus");
    }
}

//함수호출
checkLeague(topTeam);


//결과값 : false
//"Nah, we've got Juventus"

 

 

---

 

 

 

 

 

 

 

 

 

 

 

 

keep it going!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

every()와 반대되는 접근법의 메소드

https://devinserengeti.tistory.com/22?category=901017

[자바스크립트] javascript some() 사용하기