엘리스 AI

[2주차] JavaScript - 연산자와 표현식

욘아리 2023. 3. 7. 22:08

연산자

산술 연산자

수학적인 계산을 수행하는데 사용되며 +, -, *, /, %, ** 등이 있습니다.

let a = 3;
let b = 2;

a + b   // 5 
a - b   // 1
a * b   // 6
a / b   // 1.5
a % b   // 1 (나머지)
a ** b  // 9 (거듭제곱)
a + 3 * b // 9 (여러 연산을 한 줄에 할 경우 사칙연산의 순서를 따른다.)

대입 연산자

우측에 있는 값을 좌측에 대입하는 역할을 합니다.

let a = 3; //a에 3을 대입합니다.
let b = a; //b에 a값을 대입합니다.
console.log(b); //3

할당 연산자

변수에 저장된 값에 연산을 한 후 다시 그 값을 같은 변수에 할당하며, +=, -=, /=, ++, -- 등이 있습니다.

let a = 5; 
a += 5; //a = a + 5 와 같습니다.
console.log(a); // 10

비교 연산자

값을 비교하여 불리언 값을 반환하며 ==, !=, ===, !==, <, >, <=, >= 등이 있습니다.

let x = 4;  
let y = '4';

x == y      // true  
x != y      // false 
x === y     // false (타입까지 비교)
x !== y     // true
x < y       // false
x > y       // false
x <= y      // true
x >= y      // true

논리 연산자

두 개 이상의 조건을 결합하거나 부정하는데 사용되며 &&(AND), ||(OR), !(NOT) 등이 있습니다.

let x = true;
let y = false;

x && y       // false    AND 연산자로 모두 참이어야 참
x || y       // true     OR 연산자로 둘 중 하나라도 참이면 참
!x           // false    NOT 연산자로 참은 거짓, 거짓은 참

JavaScript 표현식

변수 표현식

변수 이름을 나타내는 표현식입니다. (명사 형태로 변수 이름 지음)

let x = 10;
console.log(x); //10
  • let x = 10; 이라고 선언 후 x라고 쓰면 x라는 변수 표현식이 되며, x에 할당된 값인 10으로 평가

함수 호출 표현식

함수 이름과 괄호 안에 전달되는 인수들로 구성된 표현식입니다. (동사 형태로 함수 이름 지음)

function add(a, b) {
	return a + b;
}

let resule = add(2, 3);
console.log(result); //5

console.log(add(2, 3);

객체 접근 표현식

객체의 속성이나 메소드에 접근하기 위해 점(.) 또는 대괄호([])를 사용하는 표현식입니다.

let obj = {name: 'Alice', age: 30}
console.log(obj.name); //객체명.프로퍼티명
console.log(obj['age']); //객체명["프로퍼티명"]

조건부(삼항) 연산자

조건 ? 참일 때 값 : 거짓일 때 값 형태로 작성되며, 조건을 평가하여 참이면 참일 때 값으로 거짓이면 거짓일 때 값으로 평가되는 표현식입니다.

let x = 10;
let y = x > 0 ? 'positive' : 'negative';
console.log(y); //positive