연산자
자바스크립트 프로그래밍에서 사용하는 연산자에는 산술, 문자 결합(복합 대입), 증감, 비교, 논리, 삼항 조건 연산자가 있습니다.
예를 들어 자신의 학점을 모두 더하여 총점을 구하고 평균을 구하는 작업 등을 하는데 이런 경우에는 산술 연산자를 이용합니다.
그리고 이렇게 빼기, 더하기, 곱하기, 나누기, 비교 등을 하는 일련의 작업을 연산 작업이라고 합니다.
산술 연산자
산술 연산자에는 산수 시간에 배운 +, -, *, /, % 가 있습니다.
연산을 하려면 피연산자, 즉 연산 데이터가 반드시 2개 필요합니다.
이것을 이항 연산자라고 하며 다음의 표는 산술 연산자의 종류와 기본형입니다.
|
종 류 |
기본형 |
설 명 |
|---|---|---|
|
+ |
A + B |
더하기 |
|
- |
A - B |
빼기 |
|
* |
A * B |
곱하기 |
|
/ |
A / B |
나누기 |
|
% |
A % B |
나머지 |
var num1 = 10,
num2 = 5,
result;
result = num1 + num2;
console.log(result);
result = num1 - num2;
console.log(result);
result = num1 * num2;
console.log(result);
result = num1 / num2;
console.log(result);
result = num1 % num2;
console.log(result);var a = "자바스크립트 ";
var b = '프로그래밍 기초';
var sum = a + b;
console.log(sum);
var c = 20;
var d = '10';
var sum2 = c + d; // 숫자와 문자열을 더하면 문자열 접합이 된다.
console.log(sum2);대입 연산자
대입 연산자(=)는 연산된 데이터를 최종적으로 변수에 저장할 때 사용합니다.
복합 대입 연산자(+=, -=, *=, /=, %=)란 산술 연산자와 대입 연산자가 복합적으로 적용된 것을 말합니다.
다음의 표는 대입 연산자의 종류입니다.
|
종 류 |
풀 이 |
|---|---|
|
A = B |
A = B |
|
A += B |
A = A + B |
|
A -= B |
A = A - B |
|
A *= B |
A = A * B |
|
A /= B |
A = A / B |
|
A %= B |
A = A % B |
var n1 = 30;
var n2 = 10;
console.log(n1 += n2); // n1 = n1 + n2
console.log(n1 -= n2); // n1 = n1 - n2
console.log(n1 *= n2); // n1 = n1 * n2
console.log(n1 /= n2); // n1 = n1 / n2비교 연산자
두 데이터를 "크다, 작다, 같다"와 같이 비교할 때 사용하는 연산자입니다.
연산된 결과의 값은 true(참) 또는 false(거짓)으로 논리형 데이터를 반환합니다.
다음의 비교 연산자의 종류입니다.
|
종 류 |
설 명 |
|---|---|
|
A > B |
A가 B보다 크다. |
|
A < B |
A 가 B 보다 작다. |
|
A >= B |
A 가 B 보다 크거나 같다. |
|
A <= B |
A 가 B 보다 작거나 같다. |
|
A == B |
A 와 B 는 같다. (좌변과 우변이 같으면 true) |
|
A != B |
A 와 B 는 다르다. (좌변과 우변이 다르면 true) |
/**
* ==============================+
* 비교 연산자
* ==============================+
*/
var a = 10;
var b = 20;
var c = 10;
var d = '20';
var val;
val = a > b;
console.log(val);
val = a < b;
console.log(val);
val = a <= b;
console.log(val);
val = a != c;
console.log(val);
val = b == d;
console.log(val);논리 연산자
논리 연산자에는 ||(or), &&(and), !(not) 이 있습니다.
논리 연산자는 피연산자가 논리형 데이터인 true 또는 false 로 결과를 반환합니다.
||(or) 연산자는 피연산자 중 한 개만 true 가 존재해도 true 라는 결과를 반환합니다.
하지만 &&(and) 연산자는 피연산자 중 한 개만 false 가 와도 false 라는 결과를 반환합니다.
!(not)은 논리 부정연산자로 피연산자가 true 이면 false 라는 반대의 결과를 반환합니다.
논리 연자의 종류는 다음과 같습니다.
|
종 류 |
설 명 |
|---|---|
|
|| |
|
|
&& |
|
|
! |
피연산자의 값이 true 이면 반대로 false 결과값을 반환한다. |
조건문
조건문은 프로그래밍의 흐름을 제어하는 것으로 특정한 조건을 만족하는지 여부를 계산하여 조건을 만족한다면 프로그램 구문을 수행하도록 설정하는 것입니다.
또한 여러 조건을 설정한 후 그 중 만족하는 조건을 찾을 수 있으며 모든 조건을 만족하지 않을 때 구문이 수행되도록 설정할 수 있습니다.
if 문
if 문에 조건을 넣고 조건을 만족하면 if문 안의 구문이 호출되도록 하는 것입니다.
다음은 if문의 사용 예입니다.
if (조건) {
// 실행문
}
var a = 10;
var b = 20;
if(a < b) {
console.log('a 가 b 보다 작습니다.');
}If문은 조건이 참이냐, 거짓이냐에 따라 문장을 실행하거나 실행하지 않을 수 있는 것입니다.
if, else
if 문이 조건을 만족할 때라면 else 문은 if문의 조건을 만족하지 않을 때 실행됩니다.
다음은 if, else 문의 사용 예제입니다.
var a = 10;
var b = 20;
if(a > b) {
console.log('a 가 b 보다 큽니다.');
} else {
console.log('a 가 b 보다 작습니다.');
}If문의 조건이 참일 때와 거짓일 때 수행할 문장을 각각 따로 정할 수 있는 것입니다.
if, else if, else
if문이 조건을 하나만 사용했다면 else if 문을 사용하여 조건을 여러 개 만족하는지 비교할 수 있습니다.
if (조건) {
// 실행문 1;
} else if (조건) {
// 실행문 2;
} else {
// 실행문 3;
}var a = 10;
var b = 20;
var c = 30;
if(a > b) {
console.log('a 가 b 보다 큽니다.');
} else if(b > c) {
console.log('b 가 c 보다 큽니다.');
} else {
console.log('모든 조건을 만족하지 않습니다.');
}복수 조건을 검사할 경우에 사용합니다.
조건문과 논리연산자
논리연산자를 사용하여 if 문을 작성해보도록 합니다.
* ==============================+
* &&(and) 연산자 사용하기
* ==============================+
var a = 10;
var b = 20;
var c = 30;
if(a < b && b < c) {
console.log('a 는 b 보다 작고 b 는 c 보다 작습니다.');
}* ==============================+
* ||(or) 연산자 사용하기
* ==============================+
var d = 10;
var e = 20;
var f = 30;
if(d < e || e == f ) {
console.log('d 는 e 보다 작고 e 와 f 는 동일하지 않습니다.');
}반복문
반복문을 이용하면 실행문을 원하는 횟수만큼 반복하여 실행시킬 수 있습니다.
가령 "안녕!!" 이라는 문구를 100번 출력하려문 출력문을 100번 작성해야 하지만, 반복문을 사용한다면 한 줄의 출력문을 작성하여 100번 출력하도록 할 수 있습니다.
즉, 반복문을 사용하면 코드양도 줄일 수 있고 개발의 효율성, 생산성도 높일 수 있습니다.
반복문에는 for문, while문, do while문, for in문이 있습니다.
for 문
for문은 반복문으로 조건식을 만족할 때 까지 특정 실행문을 반복하여 실행하도록 하는 것입니다.
for문은 실무에서도 다른 반복문보다 사용이 편해 사용빈도가 매우 높은 편입니다.
for문의 기본 사용법은 다음과 같습니다.
for(초기값; 조건식(비교구문); 증감식) {
// 실행문
}for 문의 실행 순서는 초기값 -> 조건식 -> 실행문 -> 증감식 -> 조건식
for (var i = 0; i < 10; i++) {
console.log(i);
}for문을 사용하여 코드를 간편하게 처리하는 예제를 살펴보도록 하겠습니다.
첫 번째는 for문 없이, 두 번째는 for 문을 사용하는 사례입니다.
* ==============================+
* for문을 사용하지 않은 경우
* ==============================+
var i = 2;
console.log(i);
i += 2;
console.log(i);
i += 2;
console.log(i);
i += 2;
console.log(i);
i += 2;
console.log(i);* ==============================+
* for 문을 사용한 경우
* ==============================+
for(var i = 2; i <= 10; i+=2) {
console.log(i);
}for문, if문 함께 사용하기
다음은 for문을 이용하여 1부터 500까지 5의 배수일 경우이고 7의 배수가 아닌 경우를 조건식으로 작성해보도록 하겠습니다.
for (var i = 1; i <= 50; i++) {
if (i % 5 == 0 && i % 7 != 0) { // 5의 배수이고 7의 배수가 아닌 경우
console.log(i);
}
}while 문
while문은 for문과 비슷한 역할을 하지만 마지막 값만 설정해준다는 점에서 차이가 있습니다.
var 변수 = 초기값;
while(조건식) {
실행문;
증감식;
}while문은 시작 값을 while문 밖에서 선언하고 조건식에 따라 반복하도록 조건을 설정하고 실행문안에서 while문이 무한 루프(loop)에 빠지지 않도록 증감식을 작성해 줘야 합니다.
즉, while 문의 실행 순서는 조건식을 검사하고 만족하면 중괄호 내에 있는 실행문 및 증감식을 실행합니다. 그리고 다시 조건식을 검사합니다.
var i = 1;
while(i < 10) {
if (i % 3 == 0) { // 3의 배수인 경우
console.log(i);
}
i++
}'JavaScript > Core & 개념ㆍ용어' 카테고리의 다른 글
| javaScript - 기본 타입 null (0) | 2016.09.29 |
|---|---|
| JS Basics #3 - Array(배열), Object(객체) 그리고 함수(Function) (1) | 2016.09.09 |
| JS Basics #1 - Starting JavaScript (2) | 2016.09.09 |
| 자바스크립트 모듈 - module (0) | 2016.03.09 |
| 쿠키(Cookie) (0) | 2015.02.26 |
