변수(variables)는 객체(objects)??

변수의 개념 자체 이해가 어려워서 매번 이론만 보고 포기했었는데..
아직도 헷갈리고 어렵다…

변수(variable)란 데이터를 저장할 수 있는 메모리 공간을 의미하며, 변수 안에는 다양한 형태의 값을 저장할 수 있다.
경우에 따라 서로 연관된 값들을 하나로 묶어서 저장하기도 하는데, 이러한 경우 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 형식을 가지고 있으며, Key: Value 형식으로 저장할 수 있도록 하는 것을 객체(object)라고 한다.

즉, 객체는 변수이자 프로퍼티의 집합이며, 단일 값을 비롯하여 많은 값을 포함할 수 있다.
객체의 종류에는 배열, 함수, 객체, 날짜, 수학, 정규표현식 등이 있으며, 기본 데이터 형식(원시 값을 가지는 데이터)을 제외한 모든 자바스크립트의 값은 객체이다.
기본 데이터 형식의 변수를 살펴보면 String, Number, Boolean, Null, Undefined가 있다.

객체는 변수를 선언 후, 중괄호로 키: 값의 속성을 묶어 생성하며, 여러개의 값들은 쉼표로 구분한다.

var objectName = {
    propertyKeyName: propertyValue,
    propertyKeyName: propertyValue
};

객체의 키(key)는 String(문자열)과 Symbol Type(시스템 심볼)만 사용 가능하다.

프로퍼티에는 key에 따른 값이 할당되어야만 하며, 값을 할당하지 않으면 변수에 값을 할당하지 않았을 때와는 다르게 syntax error가 뜬다.

var num; // undefined
var object = {num: }; // syntax error

객체의 값을 반환할 때는, 객체 내에 캡슐화 되어있는 키 값을 점을 입력하여 항목 값을 반환한다.

const person = {
  name: ['Jane', 'Doe'],
  age: 20
}

person.name[0];
person.age;

객체에 또 다른 객체로 선언이 가능하다. 객체의 객체의 값을 반환 할 때에도 점으로 구분하여 반환한다.
위의 코드에서 바꿔보면,

const person = {
  name: {
    first: "Jane",
    last: "Doe"
  },
  age: 20
}
person.name.first;
person.name.last;

• http://www.tcpschool.com/javascript/js_datatype_variable
• https://ko.khanacademy.org/computing/computer-programming/programming/objects/a/review-objects
• https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Basics