[JavaScript] 연산자와 제어구조

연산자

문자열 연결

문자열 연결은 두 개의 문자열을 하나로 결합하는 과정이다.

console.log('my' + ' cat'); // 문자열을 결합한다.
console.log('1' + 2); // 숫자와 문자열을 결합한다.
console.log(`string literals: 1 + 2 = ${1 + 2}`); // 템플릿 리터럴을 사용한다.

숫자 연산자

JavaScript에서 기본적인 수학 연산을 수행하는 연산자들이다.

console.log(1 + 1); // 더하기
console.log(1 - 1); // 빼기
console.log(1 / 1); // 나누기
console.log(1 * 1); // 곱하기
console.log(5 % 2); // 나머지
console.log(2 ** 3); // 거듭제곱

증가 및 감소 연산자

변수 값을 증가시키거나 감소시키는 연산자들이다.

let counter = 2;
const preIncrement = ++counter; // 먼저 증가시키고 대입한다.
const postIncrement = counter++; // 먼저 대입하고 증가시킨다.
const preDecrement = --counter; // 먼저 감소시키고 대입한다.
const postDecrement = counter--; // 먼저 대입하고 감소시킨다.

할당 연산자

변수에 값을 할당하는 데 사용되는 연산자들이다.

let x = 3;
let y = 6;
x += y; // x = x + y;
x -= y; // x = x - y;
x *= y; // x = x * y;
x /= y; // x = x / y;

비교 연산자

두 값이나 표현식을 비교하는 데 사용되는 연산자들이다.

console.log(10 < 6); // 작다
console.log(10 <= 6); // 작거나 같다
console.log(10 > 6); // 크다
console.log(10 >= 6); // 크거나 같다

논리 연산자

논리적 "AND", "OR", "NOT" 연산을 수행하는 연산자들이다.

const value1 = true;
const value2 = 4 < 2;

console.log(`or: ${value1 || value2}`); // OR 연산 true
console.log(`and: ${value1 && value2}`); // AND 연산 false
console.log(!value1); // NOT 연산 false

동등 연산자

값이나 타입의 동등성을 확인하는 연산자들이다.

const stringFive = '5';
const numberFive = 5;

console.log(stringFive == numberFive); // 타입 변환 후 비교 true
console.log(stringFive === numberFive); // 타입 변환 없이 비교 false

조건문

특정 조건에 따라 다른 코드를 실행하는 데 사용된다.

if 문

const name = 'df';
if (name === 'ellie') {
  console.log('Welcome, Ellie!');
} else if (name === 'coder') {
  console.log('You are amazing coder');
} else {
  console.log('unknown');
}

삼항 연산자: Ternary Operator

조건에 따라 값 하나를 선택하는 간결한 방식이다.

console.log(name === 'ellie' ? 'yes' : 'no');

Switch 문

다중 조건을 효율적으로 처리하는 데 사용된다.

const browser = 'IE';
switch (browser) {
  case 'IE':
    console.log('go away!');
    break;
  case 'Chrome':
  case 'Firefox':
    console.log('love you!');
    break;
  default:
    console.log('same all!');
    break;
}

반복문

코드 블록을 반복적으로 실행하는 데 사용되는 구조들이다.

while 문

let i = 3;
while (i > 0) {
  console.log(`while: ${i}`);
  i--;
}

do-while 문

let i = 3;
do {
  console.log(`do while: ${i}`);
  i--;
} while (i > 0);

for 문

for (let ![](https://velog.velcdn.com/images/geon8692/post/6ce0f973-2946-4a95-ab64-5c799663f6af/image.png)
i = 3; i > 0; i--) {
  console.log(`for: ${i}`);
}

// 중첩된 반복문
for (let i = 0; i < 10; i++) {
  for (let j = 0; j < 10; j++) {
    console.log(`i: ${i}, j:${j}`);
  }
}