JavaScript_Study [ Operator (연산자) ]

2021-07-30 노션페이지,
2021-08-28 노션페이지
기록된 노션을 다시 정리

어려웠던 부분

• 단항식 위치에 따른 다음 데이터 값
  • ++x일 경우 지금 코드 부터 영향을 줌
  • x++일 경우 다음 코드 부터 영향을 줌
• var x = 5, result; 의 뜻
  • var x = 5, var result 와 동일함

문과 표현식

• 문은 리터럴, 연산자, 표현식, 키워드 등으로 구성되며 세미콜론( ; )으로 끝나야 한다. (코드 블록 { … }은 제외)

이항 산술 연산자

• 피연산자의 값이 바뀌는 경우는 없고 단지 새로운 값을 만들 뿐이다.

5 + 2  // 7  덧셈
5 + '2' // 7 동적타이핑 때문에 문자열 타입이 숫자로 변환됨
5 - 2  // 3  뺄셈
5 * 2  // 10  곱셈
5 / 2  // 2.5  나눗셈
5 % 2  // 1  나머지

단항 산술 연산자

-위 이항 산술 연산자와 다르게 증가/감소 연산을 하면 피연산자의 값이 바뀐다.

• 중요! 증가/감소 ( ++ / -- ) 연산자는 위치에 의미가 있다.

var x = 5, result;
// var x = 5; var result; 와 동일
// 선대입 후증가 (Postfix increment operator)

result = x++;
console.log(result, x); // 5 6
// 선증가 후대입 (Prefix increment operator)

result = ++x;
console.log(result, x); // 7 7
// 선대입 후감소 (Postfix decrement operator)

result = x--;
console.log(result, x); // 7 6
// 선감소 후대입 (Prefix decrement operator)

result = --x;
console.log(result, x); // 5 5

비교 연산자 의미 사례 설명

• x == y 동등 비교
  => x와 y의 값이 같음
• x === y 일치 비교
  => x와 y의 값과 타입이 같음
• x != y 부등 비교
  => x와 y의 값이 다름
• x !== y 불일치 비교
  => x와 y의 값과 타입이 다름

  예외

  0 === -0     // true
  NaN === NaN // false
  // NaN은 자신과 일치하지 않는 유일한 값이다.
  // 따라서 숫자가 NaN인지 조사하려면 빌트인 함수 isNaN을 사용한다
  isNaN(NaN) // true

삼항조건연산자

조건식 ? 조건식이 ture일때 **반환**할 값 : 조건식이 false일때 **반환**할 값
if…else 문을 사용해도 동일한 처리 가능

논리 연산자

• or 연산자
  - 둘중 하나라도 true일 경우 해당 true값을 반환한다.
• and연산자
  - 두개의 데이터 모두 true 이여야 true값을 반환한다

  단축평가

  • 이 두 연산자는 언제나 피연산자 중 어는 한쪽 값을 반환한다.

    // 논리합(||) 연산자
    'Cat' || 'Dog'  // 'Cat'
    false || 'Dog'  // 'Dog'
    'Cat' || false  // 'Cat'
    // 논리곱(&&) 연산자
    'Cat' && 'Dog'  // Dog
    false && 'Dog'  // false
    'Cat' && false  // false

참조: poiemaweb.com