Javascript confrontare stringhe e ottenere differenza di fine

Question

Ho due stringhe. Stringa A: "La volpe marrone veloce" Stringa B: "La volpe marrone veloce salta sul cane pigro".

La stringa B conterrà sempre la stringa A letteralmente. Non ci sarà mai una "volpe nera veloce" o una "volpe marrone veloce e veloce".

Come si ottiene una "stringa C" della differenza "salta sul cane pigro"?

Answer 1

È necessario controllare ogni parola con l'altra.

var s1 = "The quick brown fox", 
    s2 = "The quick brown fox jumped over the fence", 
    string1 = new Array(), 
    string2 = new Array(), 
    diff = new Array(), 
    longString; 

string1 = s1.split(" "); 
string2 = s2.split(" "); 

if(s1.length > s2.length) 
{ 
    longString = string1; 
} 
else 
{ 
    longString = string2; 
} 

for(x = 0; x < longString.length; x++) 
{ 
    if(string1[x] != string2[x]) 
    { 
     diff.push(string2[x]); 
    } 
} 

document.write("The difference in the strings is " + diff.join(" ")); 

Answer 2

Vedere l'esempio di base di seguito.
Questo può essere facilmente modificato/esteso per un comportamento diverso. risposta

var string_a = document.getElementById('string_a').innerHTML, 
 
    string_b = document.getElementById('string_b').innerHTML, 
 
    first_occurance = string_b.indexOf(string_a); 
 

 
if(first_occurance == -1) 
 
{ 
 
    alert('Search string Not found'); 
 
} 
 
else 
 
{ 
 
    string_a_length = string_a.length; 
 

 
    if(first_occurance == 0) 
 
    { 
 
    new_string = string_b.substring(string_a_length); 
 
    } 
 
    else 
 
    { 
 
    new_string = string_b.substring(0, first_occurance); 
 
    new_string += string_b.substring(first_occurance + string_a_length); 
 
    } 
 
    
 
    document.getElementById('diff').innerHTML = new_string; 
 
}

<p>String A: <span id="string_a">The quick brown fox</span></p> 
 
<p>String B: <span id="string_b">The quick brown fox jumps over the lazy dog</span></p> 
 
<hr/> 
 
<p>Difference: <span id="diff"></span></p>

Answer 3

di comu in funzione ...

function compareString(s1, s2, splitChar){ 
    if (typeof splitChar == "undefined"){ 
     splitChar = " "; 
    } 
    var string1 = new Array(); 
    var string2 = new Array(); 

    string1 = s1.split(splitChar); 
    string2 = s2.split(splitChar); 
    var diff = new Array(); 

    if(s1.length>s2.length){ 
     var long = string1; 
    } 
    else { 
     var long = string2; 
    } 
    for(x=0;x<long.length;x++){ 
     if(string1[x]!=string2[x]){ 
      diff.push(string2[x]); 
     } 
    } 

    return diff;  
} 
compareString("?Yo=dude", "?Yo=Dude&do=roby", "&").join('\n'); 
compareString("?Yo=Dude", "?Yo=Dude&do=roby", "&").join('\n'); 

Nota: questa risposta risolve il problema di trovare più parametri di query (sulla base di un'altra stringa di query), e non è una risposta esatta per l'OP.

Answer 4

Dai un'occhiata a questo sito per una meravigliosa API per vedere la differenza tra le stringhe: google-diff-match-patch Potrebbe essere necessario controllare l'interfaccia utente in base alle proprie necessità.