The "inner"return in your second example is a return from the function passed toforEach. It doesnot cause an immediate return from theisUniform function. Instead, this little anonymous function you passed toforEach runs happily to completion for every single element of your array.

After it finishes running through all of the elements, yourisUniform function then simply returns true.

By returning true you are returning true to the forEach function callback while you're for loop returns true to the function. Your forEach requires a reference object when executing a callback if you want to use your current approach. That is how it is different from your for loop.

function isUniform(ary) {  var first = ary[0];  val = true;  ary.forEach(element => {    if (first !== element) {      val = false;    }  });  return val;}console.log(isUniform([1, 1, 1]));console.log(isUniform([1, 2, 1]));

There is already an every function you can take advantage of.

arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];arr2 = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];console.log(arr1.every((a, _, aa) => aa[0] === a));console.log(arr2.every((a, _, aa) => aa[0] === a));

You can't break from a forEach.

Try this one. You can do it with the flag.

var falg = false;

function isUniform(ary) {

var first = ary[0];ary.forEach(function(element) {    if (first !== element) {        falg = true;        return false;    }});if(falg)    return falsereturn true;

}

console.log(isUniform([1, 2, 1]));

The how part has been addressed in @Arrow's post already, if you work withforEach, it does not care about the return values, you have to accumulate the result yourself (also, there is no 'normal' way of breaking out from the loop, though you could throw an exception if you really want to).

For the 'why' part: because of definition.forEach does not care about return values and runs the passed function for all elements, unconditionally.

A simplified implementation offorEach is the following:

Array.prototype.myForEach=function(callback){ // or callback,diz  for(var i=0;i<this.length;t++)    callback(this[i],i,this);                 // or callback.call(diz,this[i],i,this);}

The result ofcallback is completely ignored. (Commented parts add support for the optional context-argument)

A 'more official' polyfill does some extra checks, but it is not complicated either:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach#Polyfill

can you try this, change the var element for x, and use lambdas

    function isUniform(ary) {     var first = ary[0];     ary.forEach((x) => {         if(first !== x){             return false;         }     });     return true;    }

• javascript
• arrays
• for-loop
• foreach