问如何比较两个文本区域并检查Javascript中具有相同字符串和相同位置的重复项？

EN

$(document).ready(function(){

	$(".btn").click(function () {
    
    var msg1Lines = $(".area1").val().split("\n"); //split text into lines
    var msg2Lines = $(".area2").val().split("\n"); //split text into lines
    var stopIndex;
    
    if(msg1Lines.length > msg2Lines.length) //determine which text area has more lines
    {
    		stopIndex = msg2Lines.length;
    }
    else
    {
    		stopIndex = msg1Lines.length;
    }
    
    for(i = 0; i < stopIndex; i++) //for each line in the message with the fewest number of lines
    {
        var msg2LineWords = msg2Lines[i].split(" ");
        for(j = 0; j < msg2LineWords.length; j++) //for each word in 2nd textarea
        {
          if(msg1Lines[i].search(msg2LineWords[j]) != msg2Lines[i].search(msg2LineWords[j])) //if word does not start at same index in both text areas
          {
               $(".difference").val($(".difference").val() + msg2LineWords[j] + "\n"); //display results in third textarea
          }
        }
       
    }
   
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class="area1">
Apple
Banana Orange
</textarea>

<textarea class="area2">
Apple Orange
Banana
</textarea>

<button class="btn" style="display: block; margin-top: 10px;">Test</button>

<p style="display: block; margin-top: 10px;">
Incorrect: 
</p>
<textarea class="difference" style="display: block; margin-top: 10px;"></textarea>

textArea1 = "Apple Banana Orange";
textArea2 = "Apple Orange Banana";

array1 = textArea1.split(" ");
array2 = textArea2.split(" ");

for (i = 0; i < array1.length; i ++) {
  if(array1[i] == array2[i]) {
    console.log("Match");
  } else {
    console.log("Mismatch");
  }
}