なぜこの関数の出力に余分なスペースがありますか？

Question

私はこのコードをreplitで実行すると、答えと未定義の間に余分なスペースが返される理由を理解できませんでした。 '\ n'はフォーマットされたままでなければなりませんが、誰でもそのスペースを取り除く方法を説明できますか？助けをお待ちしています。

コード：

function transposeTwoStrings(array) { 
 
    var x = array[0]; 
 
    var y = array[1]; 
 
    var longestString = 0; 
 
    var result = ''; 
 

 
    if(x.length > y.length) { 
 
    longestString = x; 
 
    } 
 
    else if(y.length > x.length) { 
 
    longestString = y; 
 
    } 
 
    else if(x.length === y.length) { 
 
    longestString = x; 
 
    } 
 
    
 
    for(var i = 0; i < longestString.length; i++) { 
 
    result += ((x[i] || ' ') + ' ' +(y[i] || ' ')) + '\n'; 
 
    }    
 
    return result; 
 
} 
 
    
 
console.log(transposeTwoStrings(['Hello','World']));

 Replit Output: 

     H W 
     e o 
     l r 
     l l 
     o d 
         <--(This is the space) 
     => undefined 

Answer 1

あなたは一部のブラウザでは無視される末尾の改行\nを取得します。あなたは、あなたが代わりに各後+ '\n'の全てが、最後の行に改行を追加するだけに、あなたのforループを修正することができtrim()

function transposeTwoStrings(array) { 
    var x = array[0]; 
    var y = array[1]; 
    var longestString = 0; 
    var result = ''; 

    if (x.length > y.length) { 
     longestString = x; 
    } 

    else if (y.length > x.length) { 
     longestString = y; 
    } 

    else if (x.length === y.length) { 
     longestString = x; 
    } 

    for (var i = 0; i < longestString.length; i++) { 
     result += ((x[i] || ' ') + ' ' + (y[i] || ' ')) + '\n'; 
    } 
    return result.trim(); 
} 
console.log(transposeTwoStrings(['Hello', 'World'])); 

Answer 2

でそれを削除することができます

for (var i = 0; i < longestString.length; i++) { 
    result += ((x[i] || ' ') + ' ' + (y[i] || ' ')); 
    if(i < longestString.length - 1) {result += '\n';} 
}