从jQuery删除重复项

Question

I have two strings like below and I need to remove the duplicates.

IE, I need to remove/ignore the common elements in both the strings and show only the difference.

var char1 = "AAA-BBB|BBB-CCC|CCC-AAA";
var char2 = "AAA-BBB|BBB-CCC";
var removeDuplicates = //<-- Here I need CCC-AAA only

Here I have tried it,

 var Joined = char1 + "|" + char2;
 var removeDuplicates = $.unique(Joined.split('|')); //<-- Result : "AAA-BBB|BBB-CCC|CCC-AAA";

Answer 1

jQuery's $.grep can be used to remove all duplicates in an array

 var char1 = "AAA-BBB|BBB-CCC|CCC-AAA"; var char2 = "AAA-BBB|BBB-CCC"; var removeDuplicates = $.grep(char1.split('|'), (function(y) { return function(item) { return $.inArray(item, y) === -1 } })(char2.split('|'))); console.log( removeDuplicates ); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 2

You can simply make an array from the parameters and Array#filter() the array one returning only the elements that are not in the second array with Array#indexOf() :

 var char1 = "AAA-BBB|BBB-CCC|CCC-AAA", char2 = "AAA-BBB|BBB-CCC", removeDuplicates = function(str1, str2) { var arr1 = str1.split('|'), arr2 = str2.split('|'); return arr1.filter(function(item) { return arr2.indexOf(item) === -1; }); }; console.log(removeDuplicates(char1, char2));