Differences

This shows you the differences between two versions of the page.

--- p5js-week-07 [2022/06/11 07:57] – renick
+++ p5js-week-07 [2022/06/11 08:11] – renick
@@ Line 461: / Line 461: @@
 </code>
-Now we can put these together to make a function that give us a list of points to be used to make a non-intersecting polygon. Notice that it uses the map method for arrays. We studied that before here:
+Now we can put these together to make a function that give us a list of points to be used to make a non-intersecting polygon. Notice that it uses the map method for arrays.
-https://renickbell.net/middleschool/doku.php?id=core:foreach
-https://renickbell.net/middleschool/doku.php?id=core:map&s[]=%2Amap%2A
-You can learn more about map here:
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
 <code>
@@ Line 481: / Line 473: @@
 pointsForConvexShape(new Point(200,200),6,50,100,30,330)
 </code>
+===== map =====
+Like forEach, map is a method for arrays. The big difference is that map applies a function to each item in the array and then returns an array filled with the result of those function calls. Like forEach, it's common to use an arrow function with map. We often use it with a one-argument function. There are other possibilities which we might look at later.
+For example, if we have an array of numbers, we can do some math with those numbers and get a new array.
+<code>
+let numberOfSlicesOfToast = [2,2,3,2,1];
+let lotsMoreToast = numberOfSlicesOfToast.map(t => t *10)
+</code>
+That's a lot of toast, but it was pretty easy to get those numbers by using map.
+You can learn more about map here:
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
 ===== a full example =====
@@ Line 491: / Line 501: @@
 ===== making your own class for your drawings =====
+{{:avacado-toast.png?600|}}
+(photo from https://www.flickr.com/photos/160866001@N07/44019575945)
+Now you're ready to get back to your customized personal toast, uh, drawings...
 We've been working on these drawings: