Index

3. Javascript의 연산

3.1 Javascript의 연산

자바스크립트는 HTML, CSS와는 다르게 다양한 산술, 대입 등의 연산자를 통해 숫자, 문자 등을 출력할 수 있습니다.

// 연산
var x, y, z;
x = 5;
y = 9;
y++; // 10
x--; // 4
x--; // 3
x = x + 2; // 5
x += 5; // 10
y *= 10; // 100
z = x + y; //110

document.write(x, '<br>'); // 10
document.write(y, '<br>'); // 100
document.write(z, '<br>'); // 110

var 이름_성 = '이';
var 이름 = '호준';
var 나이 = '비밀';

document.write(이름_성+이름, '<br>');
document.write('나이는 '+나이+'입니다.', '<br>');

//ES6
document.write(`${이름_성}${이름}, <br> 나이는 ${나이}입니다.`);

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ed20bdf2-1d91-4569-9b81-459cfabc4614/Untitled.png

x, y, z로 선언된 변수에 초기 값으로 x는 5, y는 9를 대입하였습니다.

x는 -- 후위 감소 산술 연산 2회 , += 덧셈 할당 연산 2회를 통해 변수의 값이 5가 되었습니다. y는 ++ 후위 증가 산술 연산 1회, *= 곱셈 할당 연산을 통해 변수의 값이 100이 되었습니다. z는 x(10)과 y(100)를 더한 값으로 110이며, x, y, z는 write()함수를 통해 출력할 수 있습니다.

자바스크립트에서는 피연산자가 하나라도 문자열이면 주로 결합을 수행하게 됩니다.

이름_성, 이름, 나이로 선언된 변수에 초기 값으로 문자열 '이'와 '호준', '비밀'을 대입하였습니다. write()함수를 통해 결합된 결과값 문자열 '이호준'과 '나이는 비밀입니다.'를 출력합니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/851c4782-ea2b-42f8-94a6-38bb605cc16f/Untitled.png

비교연산