如何在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}`)