JSFiddle - React, Tailwind, and code Playground

by Rafael Nepomuceno

HTML

<p class="arrayA">Array A</p>
<p class="arrayB">Array B</p>
<p class="arrayC">Array C</p>

JavaScript

var arrayA = ['a','b','c','a','sd','ba'];
var arrayB = ['a','d','f','c','ba'];
var arrayC = []; //Should have the result[b,a,d,f]

$('.arrayA').text('ArrayA: ' + arrayA);
$('.arrayB').text('ArrayB: ' + arrayB);

$.each(arrayA, function(indexA,valueA) {
    $.each(arrayB, function(indexB, valueB){
        if(valueA == valueB)
        {
            arrayA[indexA]=null;
            arrayB[indexB]=null;
            return false; //break out of inner each loop                     
        }
    });
});

$.each(arrayA.concat(arrayB),function(idx,val) {
    if(val!=null) arrayC.push(val);
});

$('.arrayC').text('ArrayC: ' + arrayC);
alert(arrayC);