자바스크립트 기초 정리 2. 연산자와 함수

---

"[Study/JavaScript] - 자바스크립트 기초 정리 1. 변수와 자료형" 글에서 이어집니다.

---

3. 연산자

산술 연산자(Arithmetic operator)

이항연산자 (binary operator)

• 두 개의 피연산자(A, B)를 가지는 연산자
• 피연산자는 변수나 숫자가 될 수 있다.
  • +: 더하기
  • -: 빼기
  • *: 곱하기
  • /: 나누기
  • %: 나머지

 

단항연산자(unary operator)

• 하나의 피연산자(A)를 가지는 연산자
• 대표적으로 -연산자가 있으며, -A의 꼴로 사용하는 경우 -는 이항 연산자가 아닌, 단항연산자이다.
  • A변수에 -1을 곱한 효과가 발생한다.

 

증감연산자(++, --)

• 표현식 안에서 변수의 값을 증가하거나 감소시킨다.
• 연산자를 변수 앞에 사용한 경우와 변수 뒤에 사용한 경우에 따라 변수의 값을 업데이트하는 순서가 바뀐다.

예시 코드

var a, b;

a = 1;
console.log(++a); // 2
console.log(a); // 2

b = 1;
console.log(b++); // 1
console.log(b); // 2

 

[참고] Math 관련 명령어

• Math.pow(A,B) : A의 B승
• Math.sqrt(A) : A의 제곱근
• Math.random() : 0~1 사이의 임의의 난수

 

관계 연산자(Relational operator)

• 두 표현식(A, B)의 관계를 비교하는 이항연산자
• 관계에 따라 boolean 타입의 true, false로 표현됨

관계연산자	동작
A <B	A보다 B가 더 큰 경우 참
A > B	A보다 B가 더 작은 경우 참
A <= B	A보다 B가 크거나 같은 경우 참
A >= B	A보다 B가 작거나 같은 경우 참
A == B	A와 B가 같은 경우 참
A != B	A와 B가 같지 않은 경우 참

 

논리연산자(Logical operator)

• 두 boolean 피연산자에 대해 연산하는 연산자

AND(&&) 연산자

• 두 피연산자가 모두 true인 경우에만 true를 나타내는 이항연산자

OR(||) 연산자

• 두 피연산자가 하나라도 true인 경우 true를 나타내는 이항연산자

Not(!) 연산자

• 피연산자가 true인 경우 false를, false인 경우 true를 나타내는 단항연산자

 

연산자 우선순위

• 우선순위 순으로 정리한 연산자
  1. ++, --
  2. !
  3. *, /, %
  4. +, -
  5. <, <=, >, >=
  6. ==, !=
  7. &&
  8. ||

 

괄호

• 우선순위를 명시하기 위해 괄호를 사용한다.
• 코드의 가독성이 향상되고 우선순위의 실수가 방지된다.

 

4. 함수

함수: 호출에 의해 여러 번 실행할 수 있는 코드블록

• 함수를 사용하면 반복되는 코드가 감소하고, 코드의 개발 및 수정이 용이해진다.

 

함수의 정의 구문

function 함수이름(파라미터1, 파라미터2) {
  /*
      실행될 코드
    */
  return 반환값;
}

• 파라미터: 함수의 정의 부분에 나열되어 있는 변수
  • 여러 개인 경우 콤마(,)로 구분
  • 파라미터가 필요 없는 경우 생략 가능
  • 함수 안의 코드에서 변수처럼 활용 가능
• return 구문: 함수의 출력으로 내보낼 값
  • return 구문을 만나면 함수는 즉시 종료
  • 함수를 호출한 표현식은 반환값으로 대치됨

 

함수의 호출

• 함수이름(인자, ...)의 형태로 호출

 

---