Javascript - Array, Object

1. 배열(Array) 타입 변수

• 하나의 변수에 여러개의 데이터를 할당하고 싶으면 어떻게 해야할까? 그 방법은 배열(Array)이라는 타입을 사용하면 되는데, 여기서 배열(Array)이란? 변수와 관련있는 해당 데이터를 한번에 묶어서 할당 처리하는 데이터 타입을 말한다. → (배열에 포함시킬 데이터 할당갯수는 제한이 없음)
  • 첫번째 예제

    // 배열 예제 1
    // 빈 데이터 - 배열
    let arr = [];
    console.log(arr); // [](빈 배열 = 즉, 값이 없다는 뜻이다)
    
    // 숫자형 데이터 - 배열
    let num = [10, 20, 30];
    console.log(num); // [10, 20, 30]
    
    // 문자열형 데이터 - 배열
    let day = ["monday","tueday","wedday"];
    console.log(day); // ['monday','tueday','wedday']

  • 두번째 예제

    // 배열 예제 2
    let arr01 = [10];
    console.log(arr01); // [10]
    
    let arr02 = [10, 20];
    console.log(arr02); // [10, 20]
    
    let arr03 = [10, "Good Job", true, null, undefined, Symbol(), function(){}, {}];
    console.log(arr03); // [10, 'Good Job', true, null, undefined, [Function], {}]

    • 배열의 순서 기준은 10이 0번째, 20이 1번째 기준을 따른다. → (let arr02 변수 참조)
      • 이때, 배열의 순서와 관련하여 특정 값만 출력해서 사용하는 방법이 있는데, Index를 사용하면 된다. → (배열의 Index 예제 참조)
  • 배열의 Index 예제

    let arr01 - [10, 20];
    console.log(arr01[0]); // 10
    
    let arr02 = [10, 20];
    console.log(arr02[1]); // 20
    
    let arr03 = [10, "Good Job", true, null, undefined, function(){}, {}];
    console.log(arr03[2]); // true

    • 여기서 배열중에 여러개가 할당되어 있는 특정한 값만 참조해서 사용하고 싶다면? 다음과 같이, 사용할시 결과 값이 출력된다 → (Index는 배열이 가지고 있는 일종의 순서 : 0, 1, 2)

2. 객체(Object) 타입 변수

• 객체는 배열과 함께 참조 자료형 타입에 포함되며 하나의 데이터형식에 여러개의 데이터를 포함시키기 위해서 중괄호를 열었다 닫아줌으로써 표현할 수 있다.
  • 기본 예

    // 객체 사용 예
    // {key:value}

    • 객체를 사용할때는 중괄호({})안에 {키:값} (예, koreanScore:90)을 정의해줘야 한다
  • 객체 예제

    // 객체 예제
    // 빈 데이터 - 객체
    let obj = {};
    console.log(obj); // {} (빈 객체 = 즉, 값이 없다는 뜻이다)
    
    // 숫자형 데이터 01(객체 내 문자열 사용 X) - 객체
    let student = {
        koreanScore:90, mathScore:80, englishScore:95, scienceScore:85
    };
    // 대괄호 연산자
    console.log(student["koreanScore"]); // 90
    // 점(닷, 마침표) 연산자
    console.log(student.scienceScore); // 85
    
    // 숫자형 데이터 02(객체 내 문자열 사용 O) - 객체
    let student = {
        'koreanScore':90, 
        "mathScore":80, 
        'englishScore':95, 
        "scienceScore":85
    };
    // 대괄호 연산자
    console.log(student["mathScore"]); // 80 
    // 점(닷, 마침표) 연산자
    console.log(student.koreanScore); // 90

    • 객체는 배열과 다르게 index를 사용하지 않는다.
    • 전체 객체가 아닌 별도의 키값을 출력시키고 싶다면, 대괄호 및 점 연산자를 이용해 출력할 수 있다.
      • 주의사항
        • 대괄호 연산자 사용시 변수에 할당시킨 객체 키를 대괄호안에 문자열로 표시해야 하며, 문자열을 사용하지 않을시 참조한 객체 값을 인식할수 없어서 에러가 발생한다.
        • 점 연산자 사용시, 변수에 할당시킨 객체 키를 점으로 찍어서 표시해야 하며, 대괄호 연산자와 다르게 점 연산자 사용시 문자열로 표현하게되면 키값을 인식하지 못해 에러가 발생한다