[Javascript] 자바스크립트 기초(1)

연산자

각종 연산을 수행하는데 사용되는 특수 기호

#01. 산술연산자(사칙연산자)

|연산자 | 설명 |

|----|----|

| + | 덧셈 |

| - | 뺄셈 |

| * | 곱셈 |

| / | 나눗셈 |

| % | 나눗셈에서의 정수 부분의 몫을 제외한 나머지 |

일반적인 산술 연산

let a = 5;

let b = 3;

console.log(a+b);

console.log(a-b);

console.log(a*b);

8

2

15

2) 연산의 결과를 다른 변수에 할당하기

let c = a + b - 2;

console.log(c);

6

3) 나눗셈에서의 주의사항

실수 타입의 몫

몫이 소수점까지 갖는 경우 연산할 수 있는 최대한의 자리수까지 연산을 수행한다.

let myValue1 = 10;

let myValue2 = 4;

console.log(myValue1 / myValue2);

2.5

나누어 떨어지지 않는 경우

가능한 범위 안에서 최대한의 소수점 자리까지 연산을 수행하다가 중지한다.

let myValue3 = 4;

let myValue4 = 3;

console.log(myValue3 / myValue4);

1.3333333333333333

4) 문자열을 포함하는 덧셈

문자열끼리의 덧셈

문장을 하나로 병합한다.

let myString1 = "Hello";

let myString2 = "World";

console.log(myString1 + myString2);

HelloWorld

문자열과 다른 타입의 덧셈

문자열 이외의 값들을 모두 문자열로 취급하여 덧셈을 수행한다. 즉, 문자열끼리의 연결과 같은 결과를 갖는다.

console.log("안녕하세요." + 123);

console.log("안녕하세요." + true);

console.log("안녕하세요." + null);

안녕하세요.123

안녕하세요.true

안녕하세요.null

#02. 대입 연산자.

좌변에 우변을 대입한다는 의미의 = 연산자.

이미 앞에서 많이 사용한 기호이다.

1) 연산 결과를 새로운 변수에 대입하기

let myNumber1 = 123;

let myNumber2 = 234;

let myResult = myNumber1 + myNumber2;

console.log(myResult);

357

2) 이미 생성된 변수의 값을 다른 값으로 변경하기

myNumber1 = 200;

myNumber2 = 300;

console.log(myNumber1);

console.log(myNumber2);

200

300

3) 연산 결과를 변수 스스로에게 덮어 씌우기

let selfValue = 300;

selfValue = selfValue + 100;

console.log(selfValue);

400

4) 변수 스스로에 대한 연산 축약표현

let shortValue = 100;

shortValue +=10;

console.log(shortValue);



shortValue -= 30;

console.log(shortValue);



shortValue *= 2;

console.log(shortValue);



shortValue /= 5;

console.log(shortValue);



shortValue %= 10;

console.log(shortValue);

110

80

160

32

2

#03. 단항연산자

1) 변수 스스로에 대한 1증가 처리

let selfPlus = 1;

console.log(selfPlus);



selfPlus++;

console.log(selfPlus);



++selfPlus;

console.log(selfPlus);

1

2

3

2) 변수 스스로에 대한 1증가 처리

let selfMinus = 1;

console.log(selfMinus);



selfMinus--;

console.log(selfMinus);



--selfMinus;

console.log(selfMinus);

1

0

-1

3) 전위 증감 연산자

++, -- 연산자가 독립적으로 사용되는 경우는 위치에 상관 없이 결과가 동일하지만, 다른 수식에 포함된 상태로 사용되는 경우 위치에 따라 결과값이 달라진다.

연산자가 앞에 위치한 경우 (앞북)

증감연산자가 앞에 위치한 경우 변수 스스로의 값에 대해 증가, 감소를 먼저 수행한 후 전체 수식을 연산한다.

let prevValue = 1;



let prevResult = 100 + ++prevValue;

console.log(prevResult);

console.log(prevValue);

102

2

연산자가 뒤에 위치한 경우 (뒷북)

변수에 대한 증감연산자가 작용하기 전에 전체 수식을 먼저 처리한 다음 나중에서야 증감 연산자가 수행된다.

let nextValue = 1;

let nextResult = 100 + nextValue++;



console.log(nextResult);

console.log(nextValue);

101

2

4) NOT 연산자

느낌표 !를 사용하여 논리형 값 true, false를 부정하여 반대의 결과를 만들어 내는 연산자.

논리값에 대한 NOT 연산

let success = true;

let fail = !success;

console.log(fail);

false

숫자값에 대한 NOT 연산

0은 false으로 식별되고 0이 아닌 모든 수는 true로 식별된다.

0이 아닌 수에 대한 NOT 처리

let k = 1;

console.log(!k);

false

0에 대한 NOT 처리

let l = 0 ;

 console.log(!l);

true

문자열에 대한 NOT 연산

빈 문자열("")은 false로 식별되고 한 글자라도 포함된 문자열은 true로 식별된다.

빈 문자열에 대한 NOT 처리

let str1 = "";

console.log(!str1);

true