[JavaScript] 기본 문법 1

📩 console.log : 콘솔에 특정 내용을 출력하라는 것을 의미

✅ 변수, 상수 선언

변수(바뀔수 있는 값) : let 변수명
상수(한번 선언하고 값이 바뀌지 않는 값) : const 상수명

🔴 콘솔창 입력

let criminal;
criminal=1;
console.log(criminal);
criminal='안녕하세요'; // 변수는 바뀔 수 있는 값
console.log(criminal);
criminal=true;
console.log(criminal);
criminal=null;
console.log(criminal);

🔵 결과

1
안녕하세요
true
null

🔴 콘솔창 입력

const final;
final = 2; // 상수는 바뀔 수 없는 값
console.log(final);

🔵 결과

2

✅ 전위, 후위 연산자

🔴 콘솔창 입력

let a = 1;
console.log(a++); // 1
console.log(++a); // 3
console.log(a--); // 3
console.log(--a); // 1

🔵 결과

1
3
3
1

✅ "===" 연산자와 "=="연산자

🔴 콘솔창 입력

const c = 1;
const d = '1';
const equals = c == d; // "==" 연산자는 타입까지는 검사하지 않음
console.log(equals);

const equal = c === d; // "===" 연산자는 타입까지 검사해줌
console.log(equal);

const value = c != d; // "!=" 타입 검사 하지 않음
console.log(value)

const value1 = c !== d; // "!=" 타입 검사 함
console.log(value1)

🔵 결과

true
false
false
true

✅ if ~else 문

🔴 콘솔창 입력

let a = 1;
let b = 2;
if(a + b === 3){
    console.log("true")
} else {
    console.log("false")
}

🔵 결과

true

✅ switch/case 문

🔴 콘솔창 입력

const device = 'iphone';

switch (device) {
  case 'iphone':
    console.log('아이폰!');
    break;
  case 'ipad':
    console.log('아이패드!');
    break;
  case 'galaxy note':
    console.log('갤럭시 노트!');
    break;
  default:
    console.log('모르겠네요..');
}

🔵 결과

아이폰!

✅ 함수 function

🔴 예시1

function add(a, b){
    console.log('호출되는 코드!');
    return a + b;
    console.log('호출되지 않는 코드!'); // return을 하게 되면 함수가 끝남!
}

let sum = add(1,2);
console.log(sum);

🔵 결과

호출되는 코드!
3

🔴 예시2

function getGrade(score){
    if(score === 100){
        return 'A+';
    }
    else {
        console.log('100점이 아니라니...')
    }
}

getGrade(2);

🔵 결과

100점이 아니라니...

🔴 예시3 : 함수를 변수의 값으로 선언할 수 있다.

let fn = function(name){
    return `HELLO ${name}`;
} // 함수를 변수의 값으로 선언

console.log(fn('가을'));

🔵 결과

HELLO 가을

🔴 예시4 : 함수를 변수의 값으로 선언할 수 있다.

let grade = function (score){
    switch(score){
        case 100:
            return 'A';
        case 90:
            return 'B';
        default:
            return '꽝';
    }
};

console.log(grade(80));

🔵 결과

꽝

🔴 예시5 : 화살표 함수

let grade = (score) => {
    switch(score){
        case 100:
            return 'A';
        case 90:
            return 'B';
        default:
            return '꽝';
    }
};

console.log(grade(80));

🔵 결과

꽝

✅ 화살표 함수 (=>)

🔴 예시1

const div = (a, b) => a-b;
  
console.log(div(1, 2));

🔵 결과

-1

🔴 예시2

const getGrade1 = score => {
    if(score === 100){
        return 'A+';
    }
    else {
        console.log('100점이 아니라니...')
    }
};

console.log(getGrade1(100));

🔵 결과

A+

🔴 예시3 : 극단적으로 줄이기

const sum = (x, y) => x+y; // 한 줄일 경우, {}가 필요하지 않음
console.log(sum(1, 3));

🔵 결과

4