데이터 저장하기 - 어트랙션

쉬운 목차

01. 변수: 데이터 저장

변수는 데이터를 저장하는 저장소입니다.

{
    var x = 100;            //변수 x에 숫자 100을 저장함
    var y = 200;            //변수 y에 숫자 200을 저장함
    var z = "javascript"    // 변수 z에 문자 "javascript"를 저장함
                    
    console.log(x);
    console.log(y);
    console.log(z);
}

결과: 100 200 자바스크립트

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

변수는 데이터를 저장할 수 있지만 변경할 수도 있습니다.

'추천 관련글,

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

    x = 300;
    y = 200;
    z = "react";

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

결과: 300 200 응답

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

변수는 데이터를 저장, 변경 및 추가할 수 있습니다.

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

    x += 300;   // x = x + 300
    y += 400;
    z += "react";

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

결과: 400 600

04. 상수: 데이터 저장 + 데이터 변경(X)

상수는 데이터를 저장할 수 있지만 수정할 수는 없습니다.
상수(const)는 이미 선언된 상수에 대해 중복 선언될 수 없으며 해당 값을 덮어쓸 수 없습니다.

{
    const x = 100;
    const y = 200;
    const z = "javascript";
                        
    x += 300;   // x = x + 300
    y += 400;
    z += "react";
                        
    console.log(x);
    console.log(y);
    console.log(z);
}

결과: X(정의되지 않음)

05. 정리 : 자료저장(여러가지) : 표현방법 1

여러 날짜를 저장할 수 있습니다.

{
    const arr = new Array();
    arr(0) = 100;
    arr(1) = 200;
    arr(2) = "javascript";

    console.log(arr(0));
    console.log(arr(1));
    console.log(arr(2));
}

결과: 100 200 자바스크립트

06. 정리 : 자료저장(복수) : 표현방법 2

여러 날짜를 저장할 수 있습니다.

{
    const arr = new Array(100, 200, "javascript");

    console.log(arr(0));
    console.log(arr(1));
    console.log(arr(2));
}

결과: 100 200 자바스크립트

07. 정리 : 자료저장(여러가지) : 표현방법 3

( )는 데이터를 저장하는 데 사용할 수 있습니다.

{
    const arr = ();
    arr(0) = 100;
    arr(1) = 200;
    arr(2) = "javascript";

    console.log(arr(0));
    console.log(arr(1));
    console.log(arr(2));
}

결과: 100 200 자바스크립트

08. 정리 : 자료저장(여러가지) : 표현방법 4

( )는 데이터를 임시로 저장하는 데 사용할 수 있습니다.

{
    const arr = (100, 200, "javascript");

    console.log(arr(0));
    console.log(arr(1));
    console.log(arr(2));
}

결과: 100 200 자바스크립트

09. 객체: 데이터 저장(키와 값): 표현방법 1

객체에 여러 키와 값을 저장할 수 있습니다.

{
    const obj = new Object();
    obj(0) = 100;
    obj(1) = 200;
    obj(2) = "javascript";

    console.log(obj(0));
    console.log(obj(1));
    console.log(obj(2));
}

결과: 100 200 자바스크립트

10. 객체: 데이터 저장(키와 값): 표현 방식 2

객체에 여러 키와 값을 저장할 수 있습니다.

{
    const obj = new Object();
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

결과: 100 200 자바스크립트

11. 객체: 데이터 저장(키와 값): 표현 방식 3

{ }로 표현할 수 있습니다.

{
    const obj = {};
    obj.a = 100;
    obj.b = 200; 
    obj.c = "javascript"; 

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

결과: 100 200 자바스크립트

12. 객체: 데이터 저장(키와 값): 표현 방식 4

{ }는 단순히 데이터를 저장하는 데 사용할 수 있습니다.

{
    const obj = {a:100, b:200, c:"javascript"};

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

결과: 100 200 자바스크립트

13. 객체: 데이터 저장(키와 값): 표현 방식 5

배열에 객체를 포함하는 방법.

{
    const obj = (
        {a:100, b:200}, 
        {c:"javascript"}
    );
            
    console.log(obj(0).a);
    console.log(obj(0).b);
    console.log(obj(1).c);

}

결과: 100 200 자바스크립트

14. 객체: 데이터 저장(키와 값): 표현 방식 6

개체의 배열

{
    const obj = {
        a: 100,
        b: (200, 300),
        c: {x: 400, y: 500},
        d: "javascript"
    }

    console.log(obj.a);
    console.log(obj.b(0));
    console.log(obj.b(1));
    console.log(obj.c.x);
    console.log(obj.c.y);
    console.log(obj.d);

}

결과: 100 200 300 400 500 자바스크립트

15. 객체: 데이터 저장(키와 값): 표현 방식 7

키 값은 생략됩니다.

{
    const a = 100;
    const b = 200;
    const c = "javascript";

    const obj = {a, b, c};

    console.log(a);
    console.log(b);
    console.log(c);
}

결과: 100 200 자바스크립트

16. 객체: 데이터 저장(키와 값): 표현 방식 8

개체에는 실행 가능한 명령(함수)이 포함될 수 있습니다.

{
    const j = "javascript";
    
    const obj = {
        a: 100,
        b: (200, 300),
        c: "javascript",
        d: function(){
            console.log("javascript가 실행되었습니다.
");
        },
        e: function(){
            console.log(j + "가 실행되었습니다.
");
        },
        f: function(){
            console.log(this.c + "가 실행되었습니다.
");
        }
    }

    console.log(obj.a);
    console.log(obj.b(0));
    console.log(obj.b(1));
    console.log(obj.b(2));
    console.log(obj.c);
    console.log(obj.d);
    obj.d();
    obj.e();
    obj.f();
}

결과 :

100

200

300

정의되지 않음

자바스크립트

엑스

자바스크립트가 실행되었습니다.