From b7ee710347560bcfb78fc399033e08360db905c4 Mon Sep 17 00:00:00 2001 From: Jongha Kim Date: Mon, 7 Jun 2021 22:22:33 +0900 Subject: [FIX] web/javascript/reference/array/every 갱신 (#1134) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * [FIX] web/javascript/reference/array/every 갱신 영어 문서와 동기화 * Update files/ko/web/javascript/reference/global_objects/array/every/index.html Co-authored-by: Yeji Choi <61399588+yechoi42@users.noreply.github.com> * Update files/ko/web/javascript/reference/global_objects/array/every/index.html Co-authored-by: Yeji Choi <61399588+yechoi42@users.noreply.github.com> * Update files/ko/web/javascript/reference/global_objects/array/every/index.html Co-authored-by: Yeji Choi <61399588+yechoi42@users.noreply.github.com> * [FIX] web/javascript/reference/array/every 리뷰 반영 Co-authored-by: Yeji Choi <61399588+yechoi42@users.noreply.github.com> --- .../global_objects/array/every/index.html | 305 ++++++++++++++------- 1 file changed, 210 insertions(+), 95 deletions(-) (limited to 'files/ko') diff --git a/files/ko/web/javascript/reference/global_objects/array/every/index.html b/files/ko/web/javascript/reference/global_objects/array/every/index.html index 827b81e760..d67b5e4671 100644 --- a/files/ko/web/javascript/reference/global_objects/array/every/index.html +++ b/files/ko/web/javascript/reference/global_objects/array/every/index.html @@ -9,84 +9,135 @@ tags: - Prototype - polyfill translation_of: Web/JavaScript/Reference/Global_Objects/Array/every +browser-compat: javascript.builtins.Array.every --- -
{{JSRef}}
-

every() 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트합니다.

+
{{JSRef}}
-
-

참고: 빈 배열에서 호출하면 무조건 true를 반환합니다.

-
+

+ every() 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 + 테스트합니다. Boolean 값을 반환합니다. +

-
{{EmbedInteractiveExample("pages/js/array-every.html")}}
+
{{EmbedInteractiveExample("pages/js/array-every.html", 'shorter')}}
+

Syntax

+
+// 화살표 함수
+every((element) => { ... } )
+every((element, index) => { ... } )
+every((element, index, array) => { ... } )
 
-
구문

+// 콜백 함수
+every(callbackFn)
+every(callbackFn, thisArg)
 
-
arr.every(callback[, thisArg])

+// 인라인 콜백 함수
+every(function callbackFn(element) { ... })
+every(function callbackFn(element, index) { ... })
+every(function callbackFn(element, index, array){ ... })
+every(function callbackFn(element, index, array) { ... }, thisArg)
+
-

매개변수

+

매개변수

-
callback
-
각 요소를 시험할 함수. 다음 세 가지 인수를 받습니다. -
-
currentValue
-
처리할 현재 요소.
-
index {{Optional_inline}}
-
처리할 현재 요소의 인덱스.
-
array {{Optional_inline}}
-
every를 호출한 배열.
-
-
-
thisArg {{Optional_inline}}
-
callback을 실행할 때 this로 사용하는 값.
+
callbackFn
+
+ 각 요소를 시험할 함수. 다음 세 가지 인수를 받습니다. +
+
+ 요소 +
+
배열에서 처리되는 현재 요소
+
index {{Optional_inline}}
+
처리할 현재 요소의 인덱스.
+
array {{Optional_inline}}
+
every를 호출한 배열.
+
+
+
thisArg {{Optional_inline}}
+
+ callbackFn을 실행할 때 this로 사용하는 값. +
-

반환 값

+

반환 값

-

callback이 모든 배열 요소에 대해 참({{Glossary("truthy")}})인 값을 반환하는 경우 true, 그 외엔 false.

+

+ callbackFn이 모든 배열 요소에 대해 참({{Glossary("truthy")}})인 값을 반환하는 경우 + true, 그 외엔 false. +

-

설명

+

설명

-

every는 callback이 {{glossary("falsy", "거짓")}}을 반환하는 요소를 찾을 때까지 배열에 있는 각 요소에 대해 한 번씩 callback 함수를 실행합니다. 해당하는 요소를 발견한 경우 every는 즉시 false를 반환합니다. 그렇지 않으면, 즉 모든 값에서 참을 반환하면 true를 반환합니다. 할당한 값이 있는 배열의 인덱스에서만 callback을 호출합니다. 삭제했거나 값을 할당한 적이 없는 인덱스에서는 호출하지 않습니다.

+

+ every는 callback이 {{glossary("falsy", "거짓")}}을 반환하는 요소를 찾을 + 때까지 배열에 있는 각 요소에 대해 한 번씩 callbackFn 함수를 실행합니다. 해당하는 + 요소를 발견한 경우 every는 즉시 false를 반환합니다. 그렇지 않으면, 즉 + 모든 값에서 참을 반환하면 true를 반환합니다. +

-

callback은 요소의 값, 해당 요소의 인덱스 및 순회하고 있는 배열 세 가지 인수와 함께 호출됩니다.

+
+

참고: 빈 배열에서 호출하면 무조건 true를 반환합니다!

+
-

thisArg 매개변수를 every에 제공한 경우 callback의 this로 사용됩니다. 그 외엔 {{jsxref("undefined")}}값을 사용합니다. 최종적으로 callback이 볼 수 있는 this의 값은 함수가 볼 수 있는 this를 결정하는 평소 규칙을 따릅니다.

+

+ 할당한 값이 있는 배열의 인덱스에서만 callbackFn을 호출합니다. 삭제했거나 값을 할당한 + 적이 없는 인덱스에서는 호출하지 않습니다. +

+ +

+ callbackFn은 요소의 값, 해당 요소의 인덱스 및 순회하고 있는 배열 세 가지 인수와 함께 + 호출됩니다. +

+ +

+ thisArg 매개변수를 every에 제공한 경우 callbackFn의 + this로 사용됩니다. 그 외엔 {{jsxref("undefined")}}값을 사용합니다. 최종적으로 + callbackFn이 볼 수 있는 this의 값은 + 함수가 볼 수 있는 this를 결정하는 평소 규칙을 따릅니다. +

every는 호출한 배열을 변형하지 않습니다.

-

every가 처리하는 요소의 범위는 callback의 첫 호출 전에 설정됩니다. every 호출 이후로 배열에 추가하는 요소는 callback이 방문하지 않습니다. 배열에 원래 있었지만 아직 방문하지 않은 요소가 callback에 의해 변경된 경우, 그 인덱스를 방문하는 시점의 값을 사용합니다. 삭제한 요소는 방문하지 않습니다.

- -

every는 (이산)수학에서 전칭(∀) 정량자quantifier(한정자)처럼 행동합니다. 특히, 빈 배열에 대해서는 true를 반환합니다. (이는 공집합의 모든 요소가 어떠한 주어진 조건도 만족하는 공허한 참입니다.)

- -

예제

- -

모든 배열 요소의 크기 테스트

- -

다음 예는 배열의 모든 요소가 10보다 더 큰지 테스트합니다.

- -
function isBigEnough(element, index, array) {
-  return element >= 10;
-}
-[12, 5, 8, 130, 44].every(isBigEnough);   // false
-[12, 54, 18, 130, 44].every(isBigEnough); // true
-
- -

화살표 함수 사용

- -

화살표 함수는 같은 테스트에 대해 더 짧은 구문을 제공합니다.

- -
[12, 5, 8, 130, 44].every(elem => elem >= 10); // false
-[12, 54, 18, 130, 44].every(elem => elem >= 10); // true
- -

폴리필

- -

every는 ECMA-262 표준 제5판에 추가됐으므로 어떤 표준 구현체에서는 사용하지 못할 수도 있습니다. 다른 모든 코드 이전에 아래 코드를 포함하면 every를 지원하지 않는 환경에서도 사용할 수 있습니다. 아래 알고리즘은 {{jsxref("Object")}}와 {{jsxref("TypeError")}}가 변형되지 않고, callbackfn.call의 계산 값이 원래의 {{jsxref("Function.prototype.call()")}}과 같은 경우 ECMA-262 제5판이 명시한 것과 동일합니다.

- -
if (!Array.prototype.every) {
+

+  every가 처리하는 요소의 범위는 callbackFn의 첫 호출 전에 설정됩니다.
+  every 호출 이후로 배열에 추가하는 요소는 callbackFn이 방문하지 않습니다.
+  배열에 존재하는 요소가 변경된 경우, callbackFn에 every가 방문하는 시점의
+  값을 전달합니다. 삭제한 요소는 방문하지 않습니다.
+

+
+

+  every는 (이산)수학에서 전칭(∀) 정량자quantifier(한정자)처럼 행동합니다.
+  특히, 빈 배열에 대해서는 true를 반환합니다. (이는
+  공집합의 모든 요소가 어떠한
+  주어진 조건도 만족하는
+  공허한 참입니다.)
+

+
+
폴리필

+
+

+  every는 ECMA-262 표준 제5판에 추가됐으므로 어떤 표준 구현체에서는 사용하지 못할 수도
+  있습니다. 다른 모든 코드 이전에 아래 코드를 포함하면 every를 지원하지 않는 환경에서도
+  사용할 수 있습니다. 아래 알고리즘은 {{jsxref("Object")}}와 {{jsxref("TypeError")}}가 변형되지
+  않고, callbackfn.call의 계산 값이 원래의 {{jsxref("Function.prototype.call")}}과 같은
+  경우 ECMA-262 제5판이 명시한 것과 동일합니다.
+

+
+
+if (!Array.prototype.every) {
   Array.prototype.every = function(callbackfn, thisArg) {
     'use strict';
     var T, k;
@@ -148,44 +199,108 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/every
     }
     return true;
   };
-}

-
-
명세

-
-
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
명세상태설명
{{SpecName('ES5.1', '#sec-15.4.4.16', 'Array.prototype.every')}}{{Spec2('ES5.1')}}초기 정의. JavaScript 1.6에서 구현됨.
{{SpecName('ES6', '#sec-array.prototype.every', 'Array.prototype.every')}}{{Spec2('ES6')}} 
{{SpecName('ESDraft', '#sec-array.prototype.every', 'Array.prototype.every')}}{{Spec2('ESDraft')}} 

-
-
브라우저 호환성

-
-
{{Compat("javascript.builtins.Array.every")}}

-
-
같이 보기

+}
+
+ +

예제

+ +

모든 배열 요소의 크기 테스트

+ +

다음 예는 배열의 모든 요소가 10보다 더 큰지 테스트합니다.

+ +
+function isBigEnough(element, index, array) {
+  return element >= 10;
+}
+[12, 5, 8, 130, 44].every(isBigEnough);   // false
+[12, 54, 18, 130, 44].every(isBigEnough); // true
+
+ +

화살표 함수 사용

+ +

+ 화살표 함수는 같은 + 테스트에 대해 더 짧은 구문을 제공합니다. +

+ +
+[12, 5, 8, 130, 44].every(elem => elem >= 10); // false
+[12, 54, 18, 130, 44].every(elem => elem >= 10); // true
+ +

+ 초기 배열에 영향주기(수정, 추가, 삭제) +

+ +

아래 예제는 배열이 수정될 때 every 메서드의 행위를 테스트합니다.

+ +
+// ---------------
+// 요소 수정
+// ---------------
+let arr = [1, 2, 3, 4];
+arr.every( (elem, index, arr) => {
+  arr[index+1] -= 1
+  console.log(`[${arr}][${index}] -> ${elem}`)
+  return elem < 2
+})
+
+// 3회 순회하지만 앞선 2회의 순회는 수정이 일어나지 않습니다.
+//
+// 1st iteration: [1,1,3,4][0] -> 1
+// 2nd iteration: [1,1,2,4][1] -> 1
+// 3rd iteration: [1,1,2,3][2] -> 2
+
+// ---------------
+// 요소 추가
+// ---------------
+arr = [1, 2, 3];
+arr.every( (elem, index, arr) => {
+  arr.push('new')
+  console.log(`[${arr}][${index}] -> ${elem}`)
+  return elem < 4
+})
+
+// 새로운 요소가 추가된 후에도 3회 순회합니다.
+//
+// 1st iteration: [1, 2, 3, new][0] -> 1
+// 2nd iteration: [1, 2, 3, new, new][1] -> 2
+// 3rd iteration: [1, 2, 3, new, new, new][2] -> 3
+
+// ---------------
+// 요소 삭제
+// ---------------
+arr = [1, 2, 3, 4];
+arr.every( (elem, index, arr) => {
+  arr.pop()
+  console.log(`[${arr}][${index}] -> ${elem}`)
+  return elem < 4
+})
+
+// 기존 요소가 `pop()` 됨에 따라 2회만 순회합니다.
+//
+// 1st iteration: [1,2,3][0] -> 1
+// 2nd iteration: [1,2][1] -> 2
+
+ +

명세

+ +{{Specifications}} + +

브라우저 호환성

+ +

{{Compat}}

+ +

같이 보기

-- cgit v1.2.3-54-g00ecf