Use reduce to find largest/smallest value at index in array

By Todd Flom June 16th, 2021, under Development, javascript/jquery

I recently found a chunk of code to iterate through an array and find at what index the largest or smallest value exists using the reduce method. It’s very condensed and seems super efficient.

So here is what’s happening in order. First an array is initialized. The spread operator (…) is used to create the new Array of length 8. The spread operator spreads out the elements of the array. Here’s what that looks like.

Second we are using the map method to place an integer value in each index of the Array calling the, as yet, undefined function giveMeANumber(). Which in practice would return an int or the string version of an int and not duplicate any values. Which would look like this.

We are using the arrow function (=>) inside the map function to further simplify the code. Essentially,

Is the same as:

Now we get to the meat of what is really happening here, the reduce method. Here is the definition from Mozilla. The reduce() method executes a reducer function (that you provide) on each element of the array, resulting in a single output value.

The reducer function takes four arguments:

  1. Accumulator
  2. Current Value
  3. Current Index
  4. Source Array

Your reducer function’s returned value is assigned to the accumulator, whose value is remembered across each iteration throughout the array, and ultimately becomes the final, single resulting value.

So our reducer function in this case is:

“p” stands for “previous” [previous array index] or Accumulator

“c” stands for “current” [array value] or Current Value

“I” stands for current “index” [of array] or Current Index

“a” stands for the full “array” [array] or Source Array

You can see we are using the the arrow function (=>) again here. And we are also using the Conditional (ternary) operator (?,:) to make the conditional more condensed. Which makes the below two functions identical.

All we are saying here is if the current value (c) is greater than the array (a) value at the previous index (p) then return the current index (i) or else return the previous index (p).

You could just switch the operator to find the smallest:

So, running the complete code would look like this given that we are getting the same array from the map method above

So, given our array above, it is correctly returning 3. Which is the index of the highest number in the array (9).

Opening View in iOS 13

By Todd Flom April 7th, 2021, under iOS, iPad, Objective C, Swift

I had a legacy iPad project that began having issues with views opening in a ‘modal’ window instead of full screen. Technically, they were being instantiated as modals, but since IOS 13 the modal view is what will be presented when using instantiateViewControllerWithIdentifier. It’s a simple fix:

Unfortunately when you dismiss the view you instantiate using this, it’s parent view no longer receives a viewDidAppear event. So I had to add a call to viewDidAppear before running dismissViewControllerAnimated like so:

Crayon Syntax Highlighter fix

By Todd Flom February 25th, 2021, under PHP, Wordpress

I had to upgrade my PHP version recently because it was sunsetting. I also upgraded WordPress at the same time. Doing so, caused the Crayon Syntax Highlighter plugin to fail. I used the fix I found here.
https://crunchify.com/fix-for-crayon-syntax-highlighter-wordpress-plugin-and-php-7-3-fatal-error/

Overriding drawLineText method of CreateJS

By Todd Flom November 20th, 2020, under Animate, javascript/jquery, Uncategorized

I needed to superscript some specific characters in a dynamic text field in CreateJS , so I built a prototype function to do just that.

 

Memory limit uploading media in wordpress

By Todd Flom June 23rd, 2020, under Uncategorized

I was having issues figuring out why we were reaching a hard limit on upload size even after doing all of the normal fixes though wp-config, .htaccess and apache. We found out the issue was with the all-in-one-security plugin. The all-in-one plugin overrides the apache limit size on instantiation. line 332-333 of  wp-security-utility-htaccess.php

 

 

Switched Hosting Companies

By Todd Flom February 23rd, 2017, under Uncategorized

I’ve just switched from IX Webhosting to Little Oak.  Good service.

Switched from MAMP to Ampps

By Todd Flom March 20th, 2015, under Development

I made the switch recently from MAMP to Ampps by Softaculous for localhost site development. I had been using MAMP for what seems like forever and was fine with it. I have to admit I had never purchased the pro version of MAMP and was always okay with editing httpd.conf and hosts.conf to get my virtual sites.
Just a side note, my company did recently purchase the pro version of MAMP, but installation kept failing and I was tired of dealing with it.
Back to the point, having recently found the need more and more to install CMSs and other web apps on almost every site, I was looking for another solution and Ampps is it. With it’s c-panel like manager it makes managing domains almost exactly like my hosting provider’s control panel. And it’s amazing list of one-click web app installs must number over 100. CMSs, Blogs, Forums, Wikis, E-Commerce, etc. The only issue I had with it was difficultly in modifying the localhost root directory. With this I just made a compromise and added an alias through the Ampps alias manager. So, now I have a http://localhost/dev/ where I locate all my temporary small projects that don’t require building out a unique domain.

Add Google Analytics to multiple Vimeo videos

By Todd Flom May 2nd, 2014, under javascript/jquery, Uncategorized

I was working on a page earlier this week that had a number of Vimeo videos embedded within a scroller. Each video needed to have a unique identifier submitted with the analytics event tracking. The event was to be submitted only when any video started being played. Here is the small chunk of code I used for this. Don’t forget to include the Froogaloop library to access the vimeo player’s events.

 

 

WP – Mobilizer

By Todd Flom September 11th, 2013, under Uncategorized

I was looking for a mobile custom theme solution for WordPress and ran across this great plug in here: http://www.wp-mobilizer.com or here at wordpress.org: http://wordpress.org/plugins/wp-mobilizer/

Follow these instructions for implementing a custom theme: http://www.wp-mobilizer.com/documentation/appearance-theme-options/

Remember this line in the header.php of your theme:

[cc lang=”html” tab_size=”2″ lines=”40″]

[/cc]

Remember OSX Spaces?

By Todd Flom September 10th, 2013, under Uncategorized

I was looking for a replacement for spaces, it’ no longer available through Lion. And I stumbled upon Mission Control’s multiple desktops feature. Read more here: http://support.apple.com/kb/PH11158?viewlocale=en_US&locale=en_US