ES6テンプレートリテラル - 文字列から\ nを削除する

Question

マルチライン変数をTemplate Literalsに変更していますが、驚くべきことですが、私が行ったインデントが\nに元のインデントで変換されているコード。どうすればそれを避けることができますか？

例：

var $div = $(`<div class='proj' id='projects'> 
       <div class='bot-nav'>${txt}</div> 
      </div>`); 

それはに変換されます：

var $div = $("<div class='proj' id='projects'>\n     <div class='bot-nav'>"+txt+"</div>\n   </div>"); 

そして、私はこれ欲しい：

var $div = $("<div class='proj' id='projects'><div class='bot-nav'>"+txt+"</div></div>"); 

これを行うにはどのような方法がありますか？

Answer 1

.replaceを使用しているときに（他の回答で提案されているように）動作しますが、それはやってのクールな新しい光沢のある方法ではありませんあなたが探しているのは、ES2015で導入されたリテラルタグ機能（別名「タグ付きテンプレート」）だと思います。

https://github.com/declandewet/common-tags

そして、あなたはおそらくoneLine（またはoneLineTrim）を望む：

それらの束がここにあります

oneLine` 
    foo 
    bar 
    baz 
` 
// "foo bar baz" 

注：oneLineは、明らかに、内部的にreplaceを使用しています。

Answer 2

あなたはそれらの後、すべての新しいラインとスペースを削除するためにString.prototype.replace()メソッドを使用することができます。

var $div = $(`<div class='proj' id='projects'> 
       <div class='bot-nav'>${txt}</div> 
      </div>`.replace(/\n\s+/g, '')); 

Answer 3

あなたは改行を削除するには

.replace使用したい先頭と末尾の空白を削除するには、/

var $div = $(`<div class='proj' id='projects'> 
      <div class='bot-nav'>${txt}</div> 
     </div>`.replace(/^\s+|\s+$/gm, '').split('\n').join('')); 

または関数

function someFunctionName(str) { 
    return str.replace(/^\s+|\s+$/gm, '').split('\n').join('') 
} 

var $div = $(someFunctionName(`<div class='proj' id='projects'> 
      <div class='bot-nav'>${txt}</div> 
     </div>`)); 

Answer 4

let literal = `template  literal 
       string so many holes`; 

literal.replace(/\s+/g, ' '); 

を作るに参加分割することができます

これは1つ以上のスペースを1つのスペースに置き換えます。