데이터 기초 복습 - 저장하기

이번에 테스트를 보게 되면서 느꼈던 점은 기초가 부족하다는 것이었다. 

비슷한 형식이 많다보니 헷갈리고, 이리 저리 뒤섞여 버려서 이번 기회에 정리 및 복습을 해보려고 한다.

 

변수

변수는 데이터를 저장하는 저장소로, 저장과 변경 추가가 가능하다.

상수

데이터 저장은 가능하지만 변경은 불가능하다. 또한 이미 선언한 상수에 대해 중복 선언이 불가능 하며 상수의 값을 재지정 할 수도 없다.

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

    x = 300;        //Assignment to constant variable.
    y = 400;
    z = "react";        

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

변수와 공통점은 데이터를 저장할 수 있다는 것이지만 변수와 다른 점은 프로그램이 실행되는 동안 상수에 저장된 데이터는 변경 할 수 없다는 점이다. 

 

배열

배열(array)는 같은 타입의 변수들로 이루어진 유한 집합으로 정의된다. 

배열을 구성하는 각각의 값을 배열 요소 (element, el)이라고 하고, 배열에서의 위치를 가리키는 숫자는 인덱스(index)라고 칭한다.

배열은 같은 종류의 데이터를 많이 다뤄야 하는 경우에 사용할 수 있는 가장 기본적인 자료 구조이다.

배열의 표현방식
const arr = new Array( );
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascript";
    
const arr = new Array(100, 200, "javascript"); //const arr = new Array(값, 값, 값);
     
const arr = [ ];  //const arr = [ ]; / 다음줄에 값 나열

    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascript";
    
const arr = [100, 200, "javascript"];   //const arr = [값, 값, 값];

객체

객체(Object). 자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체이다. 

여러 개의 데이터를 하나의 변수에 저장하고 데이터가 추가되면 추가된 데이터를 식별해서 가져올 수 있다. 

const obj = new Object( );   //obj.키 = 값;

    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";
    
const obj = { }; // const obj = { }; 다음줄 에 키와 값 나열

    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";
    
const obj = {a:100, b:200, c:"javascript"}; //ex) const obj = {키:값, 키:값, 키:값};

const obj = [              //console.log(obj[배열].객체);
        {a:100, b:200},
        {c:"javascript"}
    ];

console.log(obj.객체); / console.log(obj.객체[배열]); / console.log(obj.객체.객체)
{
    const obj = {
        a: 100,
        b: [200,300],
        c: {x: 400, y: 500},
        d: "javacscript"
    }

    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);
}

const a = 100;     //const 키 = 값; / console.log(키);
    const b = 200;
    const c = "javascript";

    const obj = {a, b, c};

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

this

this.c 라고 했기 때문에 c인 자바스크립트가 출력된다.