Issue #60  (Array.reduce(), CSS/HTML, jQuery, Automation)09/11/14

Ghost Inspector Ghost Inspector is the automated website testing platform you've been waiting for! Record website tests with our Chrome extension, or build them manually with the GUI. Instantly sync your tests to the cloud. Run them continuously to check your website for issues. Try it free!

var myArray   = [2, 4, 6, 8, 10],
    myReduced = myArray.reduce(function (a, b) {
      return a + b;
    }, 0);

console.log(myReduced); // 30

• On first iteration, the function adds 0 + 2 (the second argument + the first array element)
• On second iteration, the function adds 2 + 4 (result of previous iteration + second array element)
• On third iteration, the function adds 6 + 6
• And so on...

• The second argument is optional. If it's omitted, the function simply begins with the first two values of the array.
• If you call one of these methods on an array with a single element and with no second argument, it returns the single element.
• The final "reduced" value is no longer an array. In the case above, it's of type "number".
• These methods are not limited to math computations; they can reduce any kind of array and can use any kind of logic in the function to produce the final value.
• There is no optional argument to define the value of this when invoking the function, but you can optionally use Function.bind() for that.
• The callback function takes two further arguments: The third is the current index of the current array element, and the fourth is the array itself. So you can modify the original array inside the function if you want.

CSS and HTML Tools

jQuery Plugins and Tools

Automation, Deployment, etc.

A Tweet for Thought

Suggestions / Corrections

Before I Go...