본문 바로가기

웹/공부

JavaScript - The Definitive Guide 6/E(자바스크립트 완벽 가이드) : 3

반응형

해당 글은 'JavaScript - The Definitive Guide 6/E(자바스크립트 완벽가이드)' 라는 책을 읽으며

나름의 정리를 하는 글입니다.

 

 

 

 

 

2019-10-29

* 이전 내용에 이어서 진행.

  아래에 나오는 코드 및 설명들은

  이 후 책에서 나오는 예제나 설명들이 어떻게 나오고

  대략적으로 배워야 할 것에 대한 설명이 있음

 

  자바스크립트에서 가장 보편적인 형태의 표현식은 아래와 같이 연산자를 사용하는 것 

// 연산자는 값(피연산자)들을 이용해 새 값을 산출
// 가장 일반적인 산술 연산자는 아래와 같음
3 + 2 // => 5 : 덧셈
3 - 2 // => 1 : 뺄셈
3 * 2 // => 5 : 곱셈
3 / 2 // => 5 : 나눗셈
points[1].x - points[0] // => 1 : 좀더 피연산자 작업도 가능
"3" + "2" // => "32" : + 연산자로 두 문자열을 이어 붙일 수 있음

 

  자바스크립트는 몇 가지 산술 연산자 단축 표현식을 정의하고 있음

var count = 0; // 0 이라는 값을 정의
count++; // 값을 증가
count--; // 값을 감소
count += 2; // 기존 값에 2를 더함
count *= 3; // 기존 값에 3을 곱함
count // => 6 : 변수 이름 또한 표현식

 

  등호와 관계 연산자는 두 값이 같은거나 다른지, 작거나 큰지 등을 검사 함

  이들 표현식은 true 또는 false로 평가 됨

var x = 2, y = 3; // = 기호는 동등 비교 검사가 아닌 할당을 뜻함
x == y // => false : 값이 같은지 비교
x != y // => true : 값이 다른지 비교
x < y // => true : x가 y보다 작은지 비교
x <= y // => true : x가 y보다 작거나 같은지 비교
x > y // => false : y가 x보다 작은지 비교
x >= y // => false : y가 x보다 작거나 같은지 비교
"two" == "three" // => false : 두 문자열은 서로 다름
"two" > "three" // => true : 알파벳 순으로 봤을 때 "two"는 "three"보다 큼
false == (x > y) // => true : false는 (x > y)의 결과 false와 값이 같음

 

  논리 연산자는 불리언 값들을 결합하거나 반전시킬 수 있음

(x == 2) && (y == 3) // => true : 두 비교식의 결과 값이 참임. && 는 AND를 말함
(x > 3) || (y < 3) // => false : 두 비교식이 모두 참이 아님. || 는 OR를 말함
!(x == y) // => true : ! 연산자는 불리언 값을 반전 시킴

 

* 자바스크립트 구절이 모여 표현식이 되고,

  하나 이상의 표현이 모여 '완전한 형태의 문장(구문)'이 됨.

  앞서 살펴본 코드에서 '세미콜론(;)'로 끝나는 행은 구문임.

  표현식은 대체로 값을 계산만 함.

  구문은 프로그램의 상태를 바꿀 수 있음.

반응형