Why "123".split('') is not equal to [1, 2, 3].join('').split('') : <p>This appears as a very basic question, but couldn't find any explanations on SO. </p>

<p>Consider this:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var arr = [1, 2, 3];
var str = "123";

function compare(){
  return arr.join('').split('') === str.split('')
}

console.log(compare());
console.log(arr.join('').split(''))
console.log(str.split(''))</code></pre>
</div>
</div>
</p>

<p>Cant understand why console logs <code>false</code>...? </p>
