01. 변수 : 데이터 저장소

자바스크립트(JavaScript)에서 변수는 데이터를 저장하는 저장소입니다.

{
    var x = 100;            // 변수 x에 숫자 100을 저장
    var y = 200;            // 변수 y에 숫자 200을 저장
    var z = "javascript";   // 변수 z에 문자 javascript를 저장

    console.log(x);
    console.log(y);
    console.log(z);
}

var: 과거에 사용되던 변수 선언 방식으로, 현재는 잘 사용하지 않습니다.

결과 확인하기
100
200
javascript

02. 변수 : 데이터 저장 + 데이터 변경

자바스크립트(JavaScript)에서 변수는 데이터를 저장하고 변경할 수 있습니다.

{
    let x = 100;            // 변수 x에 숫자 100을 저장
    let y = 200;            // 변수 y에 숫자 200을 저장
    let z = "javascript";   // 변수 z에 문자 javascript를 저장

    x = 300;        // 변수 x에 값을 숫자 300으로 변경
    y = 400;        // 변수 y에 값을 숫자 400으로 변경
    z = "jquery";   // 변수 z에 값을 문자 jquery로 변경

    console.log(x);
    console.log(y);
    console.log(z);
}
결과 확인하기
100 200 javascript

03. 변수 : 데이터 저장 + 데이터 변경 + 데이터 추가

자바스크립트(JavaScript)에서 변수는 데이터를 저장하고 변경하고, 추가할 수 있습니다.

{
    let x = 100;
    let y = 200;
    let z = "javascript";

    x += 100;            // x = x + 100;
    y += 100;            // y = y + 100;
    z += "jquery";       // z = z + "jquery";

    console.log(x);
    console.log(y);
    console.log(z);
}
산술 연산자의 종류와 기본형
종류 기본형 설명
2222 2222 2222
3333 3333 3333
4444 4444 4444
5555 5555 5555
6666 6666 6666
결과 확인하기
100 300 javascriptjquery