Map.prototype.forEach()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Map
인스턴스의 forEach()
메서드는 이 Map 객체의 키/값 쌍마다 각각 제공된 함수를 삽입되었던 순서대로 실행합니다.
시도해보기
구문
forEach(callbackFn)
forEach(callbackFn, thisArg)
매개변수
callbackFn
-
맵의 각 항목에 대해 실행할 함수입니다. 이 함수는 다음 인수를 사용하여 호출됩니다.
thisArg
Optional-
callbackFn
을 실행하고 있을 때this
로 사용하는 값.
반환 값
없음 (undefined
).
설명
forEach
메서드는 실제로 존재하는 맵의 각 키에 대해 제공된 callback
을 한 번씩 실행합니다. 삭제된 키에 대해서는
호출되지 않습니다. 그러나 값은 존재하지만 undefined
값일 경우에는 callback
이 실행됩니다.
callback
은 인자 3개와 함께 호출됩니다.
- 항목의
value
- 항목의
key
- 순회하고 있는
Map
객체
thisArg
가 forEach
의 매개 변수로 제공되면 호출 시 this
값으로 사용하기 위해 callback
에 전달됩니다.
그렇지 않으면 undefined
값이 this
값으로 사용되도록 전달됩니다. callback
이 궁극적으로 관찰할 수 있는
this
값은 함수가 보는 this
를 결정하기 위한 일반적인 규칙에 따라 결정됩니다.
forEach
가 완료되기 전에 삭제했다가 다시 추가한 경우를 제외하고 각 값은 한 번씩 방문합니다. 방문하기 전에 삭제된 값에 대해서는
callback
이 호출되지 않습니다. forEach
가 완료되기 전에 추가된 새 값은 나중에 방문합니다.
예제
Map 객체의 내용을 출력하기
다음 코드는 Map
객체에서 각 요소의 내용을 한 줄의 로그로 남깁니다.
function logMapElements(value, key, map) {
console.log(`map.get('${key}') = ${value}`);
}
new Map([
["foo", 3],
["bar", {}],
["baz", undefined],
]).forEach(logMapElements);
// Logs:
// "map.get('foo') = 3"
// "map.get('bar') = [object Object]"
// "map.get('baz') = undefined"
명세서
Specification |
---|
ECMAScript Language Specification # sec-map.prototype.foreach |
브라우저 호환성
BCD tables only load in the browser