코밍이의 하루

[JS] 산술 연산자, 문자 결합 연산자 본문

웹언어 공부/JS

[JS] 산술 연산자, 문자 결합 연산자

코밍이 2021. 8. 10. 00:17

1. 개발 환경

구분 내용
사용 언어 HTML5, JS
개발환경 Visual Studio Code
참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문
웹브라우저 Chrome

 

2. 주요 문법

1) 산술연산자

- 종류 : +(더하기), -(빼기), *(곱하기), /(나누기), %(나머지)

 

2) 문자 결합 연산자

기본형
문자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터
ex) "do it" + "javascript" = "do it javascript";

문자형 데이터 + 숫자형 데이터 = 하나의 문자형 데이터
ex) "100" + 200 = "100200";

 

3. 소스 코드 및 실행 결과

1) 산술연산자 

- part2-5-1.html

 
<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title> 산술 연산자 </title>
	<script>
		var num1 = 15;
		var num2 = 2;
		var result;
		result = num1 + num2;
		document.write(result, "<br>"); // 17
		result = num1 - num2;
		document.write(result, "<br>"); // 13
		result = num1 * num2;
		document.write(result, "<br>"); // 30
		result = num1 / num2;
		document.write(result, "<br>"); // 7.5
		result = num1 % num2;
		document.write(result, "<br>"); // 1
	</script>
</head>
<body>
</body>
</html>

part2-5-1.html

2) 문자 결합 연산자

- string_plus_c.html

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 문자결합 연산자 </title>
<script>
	var t1 = "학교종이";
	var t2 = " 땡땡땡 ";
	var t3 = 8282;
	var t4 = " 어서 모이자";
	var result;

	result = t1 + t2 + t3 + t4; 
	document.write(result);
</script>
</head>
<body>
</body>
</html>

string_plus_c.html

저작자표시 비영리 변경금지

'웹언어 공부 > JS' 카테고리의 다른 글

[JS] 비교 연산자, 논리 연산자, 연산자 우선순위  (0) 2021.08.10
[JS] 대입 연산자, 증감 연산자  (0) 2021.08.10
[JS] 변수 선언 시 주의 사항  (0) 2021.08.10
[JS] null & undefined 데이터, typeof  (0) 2021.08.10
[JS] 변수에 저장할 수 있는 자료형(문자형, 숫자형, 논리형)  (0) 2021.08.09
'웹언어 공부/JS' Related Articles more