36:["$","title",null,{"children":"Mindshift: Part 14 | Chris Whealy | Observable"}] 3e:Tb27,md`# Mindshift: Part 14 Republished on Feb 20th, 2018 # Functional Cartography:
The MAP Function Ok, so what point have we now reached? We're at the point now where we can construct a singly linked list into which we can add items. We can retrieve the first item from the list using a HEAD function and access the remainder of the list using a TAIL function. We can also determine whether we've reached the end of the list using the is_last function. Next, we implemented functionality that converts this abstract list into the native JavaScript datatypes of String and Array. ## When you're lost, use a MAP Now that we can access all the items of a list in sequential order, we have the foundation upon which to build a mechanism for applying a function to each item in that list. In other words, we want to work our way sequentially down the list, passing each item to some function. The result of this process is the creation of a new list in which every item has been modified by that function. This implies two things about the new list: 1. It contains the same number of items as are in the old list 2. The modified items in the new list appear in the same order as the items from which they have been derived in the old list. The process by which a function is applied to every item in a list is known as _**mapping**_, and is one of the most fundamental tools in the functional programmer's toolbox. > ### Aside > Remember that in functional programming we are far less concerned with _**what**_ a function does, and much more concerned with _**how**_ a function is used. > > I mention this to pre-empt a question that often arises here. When we say we want to apply a function to every item in a list, programmers from an imperative background will usually understand the situation by focussing on what the function does. > > This is a perfectly natural question for someone with an imperative mindset because they are strongly focussed on defining the exact sequence of instructions a computer should perform. However, within certain broad parameters, functional programming doesn't actually care what a function does. All we really care about how is a function should be applied - I.E. in this case, understanding the function's interface is more important than knowing what the function does. > > In the case of mapping a function across the items in a list, all we are concerned about is ensuring that the function to be applied takes a single parameter and returns a single value. So let's say we have a list that holds the first four positive integers [1,2,3,4] If we want to double each item in this list, then the first thing we need to do (after creating the list itself) is to create a function capable of performing the required task: `3f:T640,md`## Building the MAP function The MAP function needs to take two parameters: firstly, the function to be applied to each item in the list, and secondly, the list to be processed. It then returns a new list. It is important to understand that the map function does ***not*** modify the original list. The new list is generated by successively applying the following steps to each item in the list: 1. Take the current list item and pass it to the function as a parameter 2. Store the value returned by the function as a new item in the return list 3. Recursively repeat steps one and two using the following three values as parameters: - The TAIL of the old list - The function being applied - The return list If you've been following the blog series up to this point, you'll know that in order to repeat the same action an unknown number of times, we must use recursion (I.E. The Y-Combinator). Further to this, in order to successfully implement any recursive process, we need some way to detect when the recursion should finish - otherwise we'll disappear down the rabbit hole of infinite recursion. So we'll need both an IS_EMPTY and an IS_LAST function that can detect whether the current item in the list is the last one. You may remember that we already have the functions is_empty and is_last, but these functions operate on JavaScript datatypes. Here however, we need equivalent functions that operate on our abstract quantity functions — hence the uppercase function names. `40:T41d,md`Hmmmm... We've got a problem here. We have the right numbers in the list, but the order is backwards. ## Reversing out of a problem Thinking about the way our MAP function builds up its results in the list_accumulator variable; we can see that it would be more accurate to call this data structure a stack or a LIFO list. Each time we pass the HEAD of the old list to our doubler function, the result is pushed into the list_accumulator, and this inadvertently results in the order of items becoming reversed. This is actually a common problem in list handling; very often, tasks performed on a list cause the item order to be reversed. However, rather than altering the way the current MAP function works, the simplest solution is to write a function that reverses the order of items in a list, and then pass the list_accumulator to this function as the return value from MAP. A REVERSE function is implemented as follows:`41:T41b,// Second attempt at the recursive function used by MAP make_map2 = next_map => new_list => fn => list => (list_acc => // Have we reached the end of the list? IS_LAST(list) // Yup, so reverse the items in the list and // we're done (f => REVERSE(list_acc)(f)) // Nope, so recursively call ourselves passing // in the list accumulator, the function being // applied and whatever is left in the current // list (f => (next_map(list_acc) (fn) (lib.TAIL(list))) (f)) ) // Apply the mapping function to the first list item and // append the result to the start of the new list. This // value is then received as argument list_acc in the // function above (lib.PAIR(fn(lib.HEAD(list)))(new_list))42:T2427,lib = { // ******************************************************************** // Naming Conventions // // Functions with all uppercase names return abstract functions // // Functions with all lowercase names return native JavaScript data // types // ******************************************************************** // ******************************************************************** // Generic operations // ******************************************************************** var adder = val1 => val2 => val1 + val2; var multiplier = p => q => q*p; var str_concatenate = char => acc => acc.concat(char); var asPlusChar = str_concatenate('+'); // The increment and decrement functions can now be created var incr = adder(1); var decr = adder(-1); // Use the multiplier function to create partial functions that // double, triple and quadruple their subsequent operand var double = multiplier(2); // -> double = q => q*p (p = 2) var triple = multiplier(3); // -> triple = q => q*p (p = 3) var quadruple = multiplier(4); // -> quadruple = q => q*p (p = 4) var add5 = adder(5); // -> add5 = q => q+5 // ******************************************************************** // Function Composition // ******************************************************************** var compose = fn1 => fn2 => val => fn2(fn1(val)); // Now we can "compose" double and add5 into a single function var doubleAndAdd5 = compose(double)(add5); // ******************************************************************** // Reification functions // ******************************************************************** var to_integer = qtyFn => qtyFn(incr)(0); var to_string = qtyFn => qtyFn(asPlusChar)(''); var to_boolean = fn => fn(true)(false); // ******************************************************************** // Functions that operate on pairs and return abstract functions // ******************************************************************** var TRUE = true_part => false_part => true_part; var FALSE = true_part => false_part => false_part; // HEAD and TAIL are synonyms for TRUE and FALSE var HEAD = pair => pair(TRUE); var TAIL = pair => pair(FALSE); var PAIR = val1 => val2 => fn => fn(val1)(val2); var EMPTY_LIST = PAIR(null)(null); // ******************************************************************** // Functions that operate on pairs and return JavaScript data types // ******************************************************************** var is_empty = pair => (HEAD(pair) === null) && (TAIL(pair) === null); var is_last = pair => is_empty(TAIL(pair)); // ******************************************************************** // Define an abstract quantity function for ZERO. // ******************************************************************** var ZERO = transform => start_value => start_value; // ******************************************************************** // Successor and predecessor functions // ******************************************************************** var SUCC = qtyFn => transform => start_value => transform(qtyFn(transform)(start_value)); var SUCC_PAIR = pair => PAIR(pair(FALSE))(SUCC(pair(FALSE))); var PRED = qtyFn => qtyFn(SUCC_PAIR)(PAIR(ZERO)(ZERO))(TRUE); // ******************************************************************** // Now each quantity function can be defined simply as the successor // of the quantity function before it. // ******************************************************************** var ONE = SUCC(ZERO); var TWO = SUCC(ONE); var THREE = SUCC(TWO); var FOUR = SUCC(THREE); var FIVE = SUCC(FOUR); var SIX = SUCC(FIVE); var SEVEN = SUCC(SIX); var EIGHT = SUCC(SEVEN); var NINE = SUCC(EIGHT); var TEN = SUCC(NINE); var ELEVEN = SUCC(TEN); var TWELVE = SUCC(ELEVEN); // ******************************************************************** // Arithmetic operations based on abstract quantity functions // ******************************************************************** var ADD = qtyFn1 => qtyFn2 => qtyFn1(SUCC)(qtyFn2); var MULTIPLY = qtyFn1 => qtyFn2 => qtyFn1(ADD(qtyFn2))(ZERO); var POWER = qtyFn1 => qtyFn2 => qtyFn2(MULTIPLY(qtyFn1))(ONE); var SUBTRACT = qtyFn1 => qtyFn2 => qtyFn2(PRED)(qtyFn1); // ******************************************************************** // Boolean Operators // ******************************************************************** var NOT = bool => bool(FALSE)(TRUE); var AND = bool1 => bool2 => bool1(bool2)(FALSE); var OR = bool1 => bool2 => bool1(TRUE)(bool2); var XOR = bool1 => bool2 => bool1(NOT(bool2))(bool2); // ******************************************************************** // Predicate functions // ******************************************************************** var IS_ZERO = qtyFn => qtyFn(dont_care => FALSE)(TRUE); var IS_LTE = val1 => val2 => IS_ZERO(SUBTRACT(val1)(val2)); var IS_LT = val1 => val2 => NOT(IS_LTE(val2)(val1)); // ******************************************************************** // Combinators // ******************************************************************** var U = fn => fn(fn); var Y = (rec_fn => (gen_rec => U(gen_rec)) (gen_rec => rec_fn((n,a,b) => U(gen_rec)(n,a,b))) ) // ******************************************************************** // Create our own push function that returns the new array rather than // the index of the newly inserted item // ******************************************************************** var push = arr => val => (idx => arr)(arr.push(val)); // ******************************************************************** // Convert a character string to a list whilst preserving the // character order // ******************************************************************** var make_str2list = fn_next=> list => str => (str.length > 0) ? fn_next(PAIR(str.substr(-1))(list))(str.slice(0,-1)) : list; var str2list = str => Y(make_str2list)(EMPTY_LIST)(str); // ******************************************************************** // Convert a list back into a character string // ******************************************************************** var make_list2str = fn_next=> str => list => is_last(list) ? str.concat(HEAD(list)) : fn_next(str.concat(HEAD(list)))(TAIL(list)); var list2str = list => Y(make_list2str)("")(list); // ******************************************************************** // Convert a JavaScript array into a list // ******************************************************************** var make_array2list = fn_next=> list => array => (array.length === 0) ? list : fn_next(PAIR(array[array.length-1])(list)) (array.slice(0,-1)); var array2list = Y(make_array2list)(EMPTY_LIST); // ******************************************************************** // Convert a list to a JavaScript array // ******************************************************************** var make_list2array = fn_next=> arr => list => is_last(list) ? push(arr)(HEAD(list)) : fn_next(push(arr)(HEAD(list)))(TAIL(list)); var list2array = list => Y(make_list2array)([])(list); return { adder : adder, multiplier : multiplier, str_concatenate: str_concatenate, asPlusChar : str_concatenate('+'), incr : adder(1), decr : adder(-1), push : push, to_integer : to_integer, to_string : to_string, to_boolean : to_boolean, is_empty : is_empty, is_last : is_last, str2list : str2list, list2str : list2str, array2list : array2list, list2array : list2array, PAIR : PAIR, TRUE : TRUE, FALSE : FALSE, HEAD : HEAD, TAIL : TAIL, EMPTY_LIST : EMPTY_LIST, SUCC : SUCC, SUCC_PAIR : SUCC_PAIR, PRED : PRED, ZERO : ZERO, ONE : ONE, TWO : TWO, THREE : THREE, FOUR : FOUR, FIVE : FIVE, SIX : SIX, SEVEN : SEVEN, EIGHT : EIGHT, NINE : NINE, TEN : TEN, ELEVEN : ELEVEN, TWELVE : TWELVE, ADD : ADD, MULTIPLY : MULTIPLY, POWER : POWER, SUBTRACT : SUBTRACT, NOT : NOT, AND : AND, OR : OR, XOR : XOR, IS_ZERO : IS_ZERO, IS_LTE : IS_LTE, IS_LT : IS_LT, Y : Y } }43:[] 3a:{"id":"a0b255e43790de97","slug":"mindshift-part-14/2","title":"Mindshift: Part 14","thumbnail":"5cbaf85b45bb70e94f636ebf0ec7b8639fe380d02e88ad56576f91e52a0d6f3b","access_level":"public","create_time":"$D2018-02-20T22:43:10.280Z","update_time":"$D2020-01-10T18:29:37.468Z","view_time":null,"first_public_time":"$D2018-02-20T23:18:25.740Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"224d52e60cffa1e1","login":"chriswhealy","name":"Chris Whealy","avatar_url":"https://avatars-next.observableusercontent.com/fe4f3dea84e903c1f07bbfa1cc8292304033a736d3ab9d0e5c009d1340bfefb8","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":173,"publish_version":173,"role":null,"authored":false,"authors":[{"type":"individual","id":"c2414676c206a65f","login":"chriswhealy","name":"Chris Whealy","avatar_url":"https://avatars-next.observableusercontent.com/fe4f3dea84e903c1f07bbfa1cc8292304033a736d3ab9d0e5c009d1340bfefb8","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"c2414676c206a65f","login":"chriswhealy","name":"Chris Whealy","avatar_url":"https://avatars-next.observableusercontent.com/fe4f3dea84e903c1f07bbfa1cc8292304033a736d3ab9d0e5c009d1340bfefb8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Mindshift: Part 14","cells":[{"id":0,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"// Create a list holding the first four positive integers\nlistOfInts = lib.array2list([1,2,3,4])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"// Generic multiplier function\nmultiplier = val1 => val2 => val1 * val2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"// Partial function to double a number\ndoubler = multiplier(2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$3f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"IS_EMPTY =\n pair => (lib.HEAD(pair) === null && lib.TAIL(pair) === null)\n ? lib.TRUE\n : lib.FALSE","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"IS_LAST = pair => IS_EMPTY(lib.TAIL(pair))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"md`The implementation of the MAP function is shown below. I trust that if you've read the previous blogs in this series, then the comments should be all you need to understand its structure.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"// First attempt at the recursive function used by MAP\nmake_map1 =\n next_map =>\n new_list =>\n fn =>\n list =>\n (list_acc =>\n // Have we reached the end of the list?\n IS_LAST(list)\n // Yup, so we're done\n (list_acc)\n\n // Nope, so recursively call ourselves passing\n // in the list accumulator, the function being\n // applied and whatever is left in the current\n // list\n (f => (next_map(list_acc)\n (fn)\n (lib.TAIL(list)))\n (f))\n )\n // Apply the mapping function to the first list item and\n // append the result to the start of the new list. This\n // value is then received as argument list_acc in the\n // function above\n (lib.PAIR(fn(lib.HEAD(list)))(new_list))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"// Create the MAP function using the Y-Combinator and an initial empty list\nMAP1 = lib.Y(make_map1)(lib.EMPTY_LIST)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"md`Ok, let's see how we get on with this...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"doubled_list1 = MAP1(doubler)(listOfInts)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"lib.list2array(doubled_list1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"$40","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"do_reverse =\n next_rev =>\n new_list =>\n old_list =>\n IS_LAST(old_list)\n (lib.PAIR(lib.HEAD(old_list))(new_list))\n (f => (next_rev(lib.PAIR(lib.HEAD(old_list))(new_list))\n (lib.TAIL(old_list)))\n (f))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"REVERSE = lib.Y(do_reverse)(lib.EMPTY_LIST)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"md`All we need to do now is make a small change to the make_map function. Notice however, that the call to REVERSE has been wrapped in a function that takes a dummy parameter. This ensures that the execution of REVERSE is delayed until IS_LAST evaluates to TRUE.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"$41","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"// Create the MAP function using the Y-Combinator and an initial empty list\n// This version of MAP now returns the items in the correct order!\nMAP = lib.Y(make_map2)(lib.EMPTY_LIST)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"md`Ok, let's try this again...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"doubled_list2 = MAP(doubler)(listOfInts)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"// We're expecting the list to contain [2,4,6,8]...\nlib.list2array(doubled_list2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"md`That's better!\n\n\n## The Generic Power of the MAP function\n\nTogether with the REDUCE function, the MAP function is arguably the most widely used tool in functional programming - to the point that many people perceive functional programming to be nothing more than using MAP and REDUCE on their dataset. To quote President George Bush, they have greatly *overmisunderestimated* the situation; that said, this perception does illustrate the central position occupied by these two functional concepts.\n\nSo let's create a variety of functions that can all be used by the MAP function. Remember that the most basic requirement here is that whatever function is passed to MAP must take a single parameter as input, and produce a single value as output. Beyond that, the MAP function doesn't care what your function actually does.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"{\n // Create a list hold 4 numbers\n var listOfInts = lib.array2list([1,2,3,4]);\n\n // Generic multiplier function\n var multiplier = val1 => val2 => val1 * val2;\n\n // Functions to perform variety of numerical operations\n var doubler = multiplier(2);\n var tripler = multiplier(3);\n var squarer = val => multiplier(val)(val);\n var sqrter = val => Math.sqrt(val);\n\n return {\n double : lib.list2array(MAP(doubler)(listOfInts))\n , triple : lib.list2array(MAP(tripler)(listOfInts))\n , squared : lib.list2array(MAP(squarer)(listOfInts))\n , sqrt : lib.list2array(MAP(sqrter)(listOfInts))\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"md`In the next blog, we'll look at how the REDUCE function can be implemented.\n\nChris W\n\n\n\n \n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$42","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W43","stdlib":"1"}} 35:null