How to add a line break inside a javascript variable

Question

I am passing a javascript variable which contains the address and has multiple strings in one sentence. So while setting the variable, I want to break the sentence in 2 lines, i.e. streetNumber and streetName should be in first line and city and zipcode in second line. So I am trying to break the line using <br> tag like this:

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 ;

But instead of a line break, I am getting [object Object] . So how do I add the line break to divide the variable in 2 lines?

To add line breaks in a string, use a template literal multi-line string, or use \n. — Jack Bashford
– Jack Bashford, Commented Mar 1, 2019 at 6:07
I have tried \n and <br/>, its taking the whole string .I mean <\n is coming up .NEw line is not getting added. — pranami
– pranami, Commented Mar 1, 2019 at 6:09
If you're getting [object Object], then one of those properties is not a string but an object. Also, <br /> is not wrapped in quotes "" — adiga
– adiga, Commented Mar 1, 2019 at 6:11

mepraveenk · Accepted Answer · 2019-03-01 06:18:55Z

2

insert "\n" in your variable which you are using to print.

Example

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

console.log(streetName );

will print this like below

Madhapur, Hyderabad 
India-500081

Just add '\n' where you want to break the line.

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 ;

edited Mar 1, 2019 at 6:18

answered Mar 1, 2019 at 6:13

mepraveenk

2461 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ramya Makkini · Accepted Answer · 2019-03-01 06:14:48Z

0

The first is the newline character ( \n ). The newline character creates line breaks within the output of a string, be it simply text or JavaScript-generated 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 ;

answered Mar 1, 2019 at 6:14

Ramya Makkini

968 bronze badges

Comments

zer00ne · Accepted Answer · 2019-03-01 06:26:14Z

0

Use another variable so you don't have to type so much and interpolate with Template Literals

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);

edited Mar 1, 2019 at 6:26

answered Mar 1, 2019 at 6:15

zer00ne

45.2k6 gold badges50 silver badges82 bronze badges

Comments

tam.dangc · Accepted Answer · 2019-03-01 06:42:23Z

0

You should use Object_destructuring and Template_literals to solve your problem and make the code cleaner

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

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

Test this

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

edited Mar 1, 2019 at 6:42

answered Mar 1, 2019 at 6:31

tam.dangc

2,0621 gold badge20 silver badges36 bronze badges

Collectives™ on Stack Overflow

How to add a line break inside a javascript variable

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related