JAVASCRIPT 데이터 저장하기

데이터 저장하기

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
	"javascript"

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
	"react"

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
	"javascriptreact"

04. 상수 : 데이터 저장(여러개) : 표현방법1

상수는 데이터 저장은 가능하나 변경은 불가능합니다. 상수(const)는 이미 선언한 상수에 대해 중복 선언이 불가능하며 상수의 값을 재지정 할 수도 없습니다.

const x = 100;
    const y = 200;
    const z = "javascript";

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

    console.log(x);
    console.log(y);
    console.log(z);
    
    
    결과 값
    	Assignment to constant variable
	Assignment to constant variable
	Assignment to constant variable

05. 배열 : 데이터 저장(여러개) : 표현방법1

배열은 데이터 저장 방법이 다양하다. 1-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
	"javascript"

 06. 배열 : 데이터 저장(여러개) : 표현방법2

배열은 데이터 저장 방법이 다양하다. 1-1 보다 간략한 방법 1-2

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

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
    
    
    결과 값
    	100
	200
	"javascript"

07. 배열 : 데이터 저장(여러개) : 표현방법3

배열은 데이터 저장 방법이 다양하다. 2-1

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
	"javascript"

08. 배열 : 데이터 저장(여러개) : 표현방법4

배열은 데이터 저장 방법이 다양하다.2-1 보다 간략한 방법 2-2

const arr = [100,200,"javascript"];

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
    
    
    결과 값
    	100
	200
	"javascript"

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

객체는 데이터 저장을 키와 값이 있어야한다. 1-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
	"javascript"

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

객체는 데이터 저장을 키와 값이 있어야한다. 조금 간략한 방법 1-1 보다 간략 1-2

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

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
    
    
    결과 값
    	100
	200
	"javascript"

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

객체는 데이터 저장을 키와 값이 있어야한다.조금 간략한 방법 1-2 보다 간략 2-1

 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
	"javascript"

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

객체는 데이터 저장을 키와 값이 있어야한다.조금 간략한 방법 2-1 보다 간략 2-2

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

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

    
    const x = 100;
    const arr = [100];            
    const obj = {a:100};
    
    
    결과 값
    	100
	200
	"javascript"

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

배열안 객체 [].a

    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
	"javascript"

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

객체 안에 배열 {[]} (obj.b[])

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
	"javascript"

 

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
	"javascript"

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

객체 안 배열 객체 함수가 들어간 값 구하기

const j = "javascript"

    const obj = {
        a: 100,
        b: [200, 300],
        c: "javascript",
        d: function() {
            console.log ( javascrit가 실행 되었습니다.");
        },
        e: function() {
            console.log ( obj.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]); //undefiend
    console.log(obj.c);
    console.log(obj.d); 안되는거
    obj.d();
    obj.e();
    obj.f();
    
    
    결과 값
    	100
	200
	300
	undefiend
	javascript
	javascript가 실행되었습니다.
	javascript가 실행되었습니다.
	javascript가 실행되었습니다.