[JavaScript] +연산자로 문자열과 변수 연결하기

+연산자를 써서 문자열에 변수를 연결하는 방법을 알아보자.

예제는 생활코딩에서 사용했었던 예제를 가져와보았다.

 

document.write('<li>'+coworkers[i]+'</li>');

 

-1-

일반태그를 작은 따옴표로 묶고 그곳에 위치할 변수를 +로 연결한다.

'<li>'+coworkers[i]+'</li>'

 

솔직히 <li></li>사이에는 coworkers가 뜬금 없이 끼어들은 자리도 아니고

아무 것도 안 붙은 글자가 오는게 맞는 것 같은데

변수여서 그대로 올 수가 없는걸 가지고 특별취급해서 끼어준다고 보는 것 같다.

그래서 변수 양옆에 +를 붙이고 오히려 일반 태그인 <li>에 따옴표를 붙여준다.

 

 

 document.write('<li><a href="#'+coworkers[i]+'">'+coworkers[i]+'</a></li>');

 

-2-

'일반태그 끼리' 작은 따옴표로 묶고 그 사이에 +변수+를 집어넣는다.

'<li><a href="#'+coworkers[i]+'">'+coworkers[i]+'</a></li>'

니네들이 다른 태그인지 같은 태그인지는 상관 없고

변수에만 +로 집중 투자해서 구분하겠다는 강려크한 의지가 돋보임.

 

 

 

 

document.write("data scientist : "+coworkers["data scientist"]+"<br>");

-3-

다른 특수기호도 변수가 아니면 신경끄고 +변수+를 골라낸다.

+변수+가 모세의 기적으로 가르고 간 나머지 자리는 따옴표로 구분할뿐.

"data scientist : "+coworkers["data scientist"]+"<br>"

 

 

결론 : 변수만 잘 골라내면 되는구나