如何在javascript變量中添加換行符

Question

我正在傳遞一個 javascript 變量，該變量包含地址並在一個句子中包含多個字符串。 所以在設置變量時，我想把句子分成兩行，即 streetNumber 和 streetName 應該在第一行，城市和郵政編碼應該在第二行。 所以我試圖用這樣的<br>標簽來打破這條線：

let addr2  =  inputDataState.addressDetails.addrObj.street.streetNumber + ' '
             + inputDataState.addressDetails.addrObj.street.streetPrefixCode 
             + inputDataState.addressDetails.addrObj.street.streetName+ ' ' + <br /> 
             + inputDataState.addressDetails.addrObj.street.streetSuffixCode + ' ' 
             + inputDataState.addressDetails.addrObj.street.city + ' ' 
             + inputDataState.addressDetails.addrObj.street.zipCode ;

但我得到的不是換行符，而是[object Object] 。 那么如何添加換行符以將變量分成 2 行？

Answer 1

在用於打印的變量中插入“\\n”。

例子

let streetName ='Madhapur, Hyderabad \n India-500081';

console.log(streetName );

將打印如下

Madhapur, Hyderabad 
India-500081

只需在要換行的地方添加 '\\n' 即可。

let addr2  =  inputDataState.addressDetails.addrObj.street.streetNumber + ''
             + inputDataState.addressDetails.addrObj.street.streetPrefixCode 
             + inputDataState.addressDetails.addrObj.street.streetName+ '\n ' +  
             + inputDataState.addressDetails.addrObj.street.streetSuffixCode + ' ' 
             + inputDataState.addressDetails.addrObj.street.city + ' ' 
             + inputDataState.addressDetails.addrObj.street.zipCode ;

Answer 2

第一個是換行符 ( \\n )。 換行符在字符串的輸出中創建換行符，無論是簡單的文本還是 JavaScript 生成的 HTML。

 inputDataState.addressDetails.addrObj.street.streetNumber + ' '
 + inputDataState.addressDetails.addrObj.street.streetPrefixCode 
 + inputDataState.addressDetails.addrObj.street.streetName+ ' ' + '\n'
     + inputDataState.addressDetails.addrObj.street.streetSuffixCode + ' ' 
     + inputDataState.addressDetails.addrObj.street.city + ' ' 
     + inputDataState.addressDetails.addrObj.street.zipCode ;

Answer 3

使用另一個變量，這樣您就不必輸入太多內容並使用模板文字進行插值

 let inputDataState = { addressDetails: { addrObj: { street: { streetNumber: '123', streetPrefixCode: 'S.', streetName: 'Main', streetSuffixCode: 'St.', city: 'Springfield', zipCode: '95123' } } } }; const x = inputDataState.addressDetails.addrObj.street; let addr = `${x.streetNumber} ${x.streetPrefixCode} ${x.streetName} ${x.streetSuffixCode} ${x.city} ${x.zipCode}`; console.log(addr);

Answer 4

您應該使用Object_destructuring和Template_literals來解決您的問題並使代碼更清晰

const {
  streetNumber,
  streetPrefixCode , 
  streetName,
  streetSuffixCode, 
  city,
  zipCode
} = inputDataState.addressDetails.addrObj.street

let addr2 = `${streetNumber} ${streetPrefixCode} ${streetSuffixCode}
${streetSuffixCode} ${city}  ${zipCode}`

測試這個

 console.log(`${6+2} is equal to ${2*4}`)