• Skip to main content
  • Skip to search
  • Skip to select language
HTML

Structure of content on the web

  • Web APIs

    Interfaces for building web applications

  • Learn
    • CSS

      Learn to style content using CSS

    • Overview

      A customized MDN experience

    • FAQ

      Frequently asked questions about MDN Plus

  • HTTP Observatory

    Scan a website for free

  • JavaScript
  • forEach()
      • Deutsch
      • 日本語
      • 中文 (简体)

    In this article

    • Syntax
    • Description
    • Examples
    • Specifications
    • Browser compatibility
    • See also
    1. from()
  • Instance methods
    1. find()
    2. reduce()
    3. [Symbol.iterator]()
  • Inheritance
  • call()
  • displayName Non-standard
  • arguments Non-standard Deprecated
  • caller Non-standard Deprecated
  • Instance methods
    1. __defineGetter__() Deprecated
    2. __defineSetter__() Deprecated
    3. __lookupGetter__() Deprecated
    4. __lookupSetter__() Deprecated
    5. toLocaleString()
    6. __proto__ Deprecated
    7. Array.prototype.forEach(): it executes a provided function once for each element produced by the iterator.

  • Syntax

    js
    forEach(callbackFn)
    

    Parameters

    callbackFn

    A function to execute for each element produced by the iterator. Its return value is discarded. The function is called with the following arguments:

    element

    The current element being processed.

    index

    The index of the current element being processed.

    Return value

    undefined.

    Description

    forEach() iterates the iterator and invokes the callbackFn function once for each element. Unlike most other iterator helper methods, it does not work with infinite iterators, because it is not lazy.

    Examples

    Using forEach()

    js
    new Set([1, 2, 3]).values().forEach((v) => console.log(v));
    
    / Logs:
    / 1
    / 2
    / 3
    

    This is equivalent to:

    js
    for (const v of new Set([1, 2, 3]).values()) {
      console.log(v);
    }
    

    Specifications

    Specification
    Iterator Helpers
    # sec-iteratorprototype.foreach

    Browser compatibility

    See also

    • Polyfill of Iterator.prototype.forEach in core-js
    • es-shims polyfill of Iterator.prototype.forEach
    • Iterator
    • Iterator.prototype.find()
    • Iterator.prototype.map()
    • Iterator.prototype.filter()
    • Iterator.prototype.every()
    • Iterator.prototype.some()
    • Array.prototype.forEach()

    Help improve MDN

    Iterator object is an abstract base for objects that implement the iterator protocol. It provides methods common to built-in iterators, such as filter(), find(), map(), and reduce(). You can also use the static method Iterator.from() to convert an existing iterable into an Iterator.","name":"Iterator methods"}},"browserCompat":["javascript.builtins.Iterator.forEach"],"pageType":"javascript-instance-method"}}

    Follow Lee on X/Twitter - Father, Husband, Serial builder creating AI, crypto, games & web tools. We are friends :) AI Will Come To Life!

    Check out: eBank.nz (Art Generator) | Netwrck.com (AI Tools) | Text-Generator.io (AI API) | BitBank.nz (Crypto AI) | ReadingTime (Kids Reading) | RewordGame | BigMultiplayerChess | WebFiddle | How.nz | Helix AI Assistant