Minwoo Dev.

[JavaScript] JS every(), .every() 메서드 본문

JavaScript

[JavaScript] JS every(), .every() 메서드

itisminu 2024. 2. 21. 22:11
728x90
반응형
SMALL

.every() 

every 메서드는 배열과 함께 사용되며, true 혹은 false를 반환한다.

 

arr.every(실행할 함수)

 

기본적인 형태는 위와 같으며, 실행할 함수를 먼저 선언하여 콜백형식으로 사용하거나, every() 메서드의 인자로 직접 함수를 정의해주는 방법이 있다.

 

every() 메서드는 배열의 각 값을 불러와 함수로 검사하여 모든 결과가 참일 경우에 참을 반환한다.

 

 

1. 함수를 따로 선언하여 콜백형태로 every() 매서드에 사용

let arr = [3, 4, 5, 6, 7, 8, 9, 10];

function biggerThanFive(num) {
    if (num > 5) {
        return num;
    }
}

const result = arr.every(biggerThanFive);
console.log(result);

 

위 코드에서는 5보다 클 경우에 값을 반환하는 biggerThanFive라는 함수가 선언되어 있고, 그 아래에 result라는 변수에 every를 사용하여 biggerThanFive를 호출하고 있다.

 

arr의 값들 중 5보다 큰 값은 6,7,8,9,10 이다.

하지만 나머지 값들은 조건을 만족하지 않는다.

모든 값들이 조건을 만족하는 것이 아니므로 결과는 false가 나온다.

 

 

2. every() 메서드 내부에 익명함수를 직접 선언

 

let arr = [3, 4, 5, 6, 7, 8, 9, 10];

const result = arr.every((num) => {
    if (num > 5) {
        return num;
    }
});
console.log(result);

 

every() 메서드 내부에 저렇게 함수를 직접 적어줄수도 있다.

함수로 선언하여 사용하는 것과의 차이점은 익명함수이기 때문에 every() 메서드 내부에서 사용되고 나면 사용할 수 없다는 점이다.

 

익명함수 선언의 속기법(줄임법)으로 아래와 같이 작성할수도 있다.

let arr = [3, 4, 5, 6, 7, 8, 9, 10];

const result = arr.every(num => (num > 5));

console.log(result);

 

익명함수에서의 인자가 하나이면 (num) 에서 괄호를 제외한  num 이라고 적어도 된다.

또, return 이라는 문구를 사용하지 않고 소괄호(()) 안에 조건을 적으면 그 조건이 참일 때 true를, 거짓일 때 false를 반환한다.

 

728x90
반응형
LIST