반응형
해당 글은 '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 : ! 연산자는 불리언 값을 반전 시킴
* 자바스크립트 구절이 모여 표현식이 되고,
하나 이상의 표현이 모여 '완전한 형태의 문장(구문)'이 됨.
앞서 살펴본 코드에서 '세미콜론(;)'로 끝나는 행은 구문임.
표현식은 대체로 값을 계산만 함.
구문은 프로그램의 상태를 바꿀 수 있음.
반응형
'웹 > 공부' 카테고리의 다른 글
JavaScript - The Definitive Guide 6/E(자바스크립트 완벽 가이드) : 5 (0) | 2019.12.10 |
---|---|
JavaScript - The Definitive Guide 6/E(자바스크립트 완벽 가이드) : 4 (0) | 2019.10.30 |
JavaScript - The Definitive Guide 6/E(자바스크립트 완벽 가이드) : 2 (0) | 2019.10.11 |
JavaScript - The Definitive Guide 6/E(자바스크립트 완벽 가이드) : 1 (0) | 2019.10.01 |
YOU DON`T KNOW JS - 타입과 문법, 스코프와 클로저 : 1 (0) | 2019.09.24 |