Scribd Logo
Upload

Welcome to Scribd!

  • Array Functions: Prof. David Rossiter

    Uploaded by

    web data
    10 views8 pages
    This document discusses array functions like forEach() and map() in JavaScript. forEach() allows you to iterate through each element of an array and perform an action on that element. map() stores the result of applying a function to each element of an array in a new array and returns it. Both functions take a callback function that is executed on each element, along with the element, index, and original array. Examples are provided showing how to use forEach() and map() to square elements in an array.

    Original Description:

    Array Functions

    Original Title

    Array Functions

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document discusses array functions like forEach() and map() in JavaScript. forEach() allows you to iterate through each element of an array and perform an action on that element. map() stores the result of applying a function to each element of an array in a new array and returns it. Both functions take a callback function that is executed on each element, along with the element, index, and original array. Examples are provided showing how to use forEach() and map() to square elements in an array.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    10 views8 pages

    Array Functions: Prof. David Rossiter

    Uploaded by

    web data
    This document discusses array functions like forEach() and map() in JavaScript. forEach() allows you to iterate through each element of an array and perform an action on that element. map() stores the result of applying a function to each element of an array in a new array and returns it. Both functions take a callback function that is executed on each element, along with the element, index, and original array. Examples are provided showing how to use forEach() and map() to square elements in an array.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 8

    ARRAY FUNCTIONS

    PROF. DAVID ROSSITER

    1/8

    AFTER THIS PRESENTATION


    You'll learn some more advanced array functions

    2/8

    WE'LL LOOK AT
    forEach()
    map()

    3/8

    FOREACH()
    You can go through every element using loop (for / while)
    varpets=["Dog","Cat","Hamster"]
    for(vari=0i<pets.lengthi++){
    alert(pets[i])
    }

    You can also use array.forEach(function):


    varpets=["Dog","Cat","Rabbit"]
    pets.forEach(alert)
    //Thisshows3separatealerts

    4/8

    MORE ON FOREACH()
    You can think of forEach() in this way:
    functionforEach(theArray,fn){
    for(vari=0i<theArray.lengthi++){
    fn(theArray[i],i,theArray)
    }
    }

    So, your function should look like this,


    if you need all of the 3 things:
    functionyourFunction(element,index,array){}

    5/8

    <!doctypehtml>
    <html>
    <body>
    <script>
    varnumbers=[1,2,3,4,5]
    numbers.forEach(function(elem,idx,arr){
    arr[idx]=elem*elem
    })
    alert(numbers)//Thisshows[1,4,9,16,25]
    </script>
    </body>
    </html>

    6/8

    MAP()
    map(function) stores the result of each execution
    of function into an array it returns.
    You can think of map() in this way:
    functionmap(theArray,fn){
    varresults=[]
    for(vari=0i<theArray.lengthi++){
    results.push(fn(theArray[i],i,theArray))
    }
    returnresults
    }

    7/8

    <!doctypehtml>
    <html>
    <body>
    <script>
    varsquare=function(el){returnel*el}
    varnumbers=[1,2,3,4,5]
    varresults=numbers.map(square)
    alert(results)//Thisshows[1,4,9,16,25]
    </script>
    </body>
    </html>

    8/8

    You might also like