JavaScript - The Definitive Guide 6/E(자바스크립트 완벽 가이드) : 2

해당 글은 'JavaScript - The Definitive Guide 6/E(자바스크립트 완벽가이드)' 라는 책을 읽으며

나름의 정리를 하는 글입니다.

 

 

 

 

 

2019-10-10

* 아래에 나오는 코드 및 설명들은

  이 후 책에서 나오는 예제나 설명들이 어떻게 나오고

  대략적으로 배워야 할 것에 대한 설명이 있음

 

  '//' 문자열 뒤에 오는 내용은 모두 주석으로 간주

  주석은 자바스크립트 코드를 설명하고 있으니 잘 읽어봐야 함

// 주석을 사용하기 위해서 '//'라는 문자열 사용
// 주석은 다음에 올 코드에 대해 설명함
var a; // 또는 코드 옆에 위치하여 설명 될수도 있음

 

  변수는 var 키워드로 선언 할 수 있음

  변수명은 값과 연관되도록 선언

var something; // something 이라는 변수명을 가진 변수 선언

 

  값은 '=' 기호를 통해 변수에 할당 할 수 있음

something = 0; // something 이라는 변수에 0 이라는 값을 할당

 

  자바스크립트는 다양한 타입의 값을 지원

something = 1; // 정수
something = 0.01; // 실수
something = "hello world"; // 큰따옴표 기호로 둘러쌓인 문자열
something = 'hi world'; // 작은따옴표 기호로 둘러쌓인 문자열
something = true; // 불리언 값
something = null; // 값이 없음을 뜻하는 특별한 값
something = undefined; // undefined는 null과 유사

 

  자바스크립트에서 가장 중요한 데이터 타입은 객체

  객체는 이름 - 값 쌍(name - value pair)의 모음

  이름은 반드시 자바스크립트 문자열이어야 함

  값은 아무 자바스크립트 값이 될 수 있음

  객체는 중괄호로 둘러쌓여 있음

// "topic" 프로퍼티의 값은 "JavaScript"
// "fat" 프로퍼티의 값은 true
var book = {
    topic: "JavaScript", 
    fat: true
}

 

  객체의 프로퍼티는 '.'과 '[]'를 사용해 접근할 수 있음

book.topic // => "JavaScript"
book["fat"] // => true
book.author = "Flanagan"; // 객체에 값을 할당함으로써 새 프로퍼티 생성
book.contents = {}; // {}는 고유 프로퍼티가 없는 빈 객체

 

  자바스크립트는 숫자로 색인된 목록의 값들을 담을 수 있는 배열도 지원

var primes = [2, 3, 5, 7]; // 배열에 4개의 값이 있고 '[]'로 둘러쌓여 있음
primes[0] // => 2 : 배열의 첫 번째 원소 값을 확인(인덱스가 0인 것)
primes.length // => 4 : 배열에 몇개의 원소가 있는지 확인
primes[primes.length - 1] // => 7 : 배열의 마지막 원소 값을 확인
primes[4] = 9; // 배열에 새 원소 값 9를 추가
primes[4] = 11; // 기존에 저장된 원소 값 9를 11로 변경

var empty = []; // []는 원소가 없는 빈 배열을 뜻함
empty.length // => 0

 

  배열과 객체는 각각 원소와 프로퍼티의 값으로 배열과 객체를 가질 수 있음

// 배열에 두개의 원소가 있음
// 각 원소의 값은 개체임
var points = [ 
    {x:0, y:0},
    {x:1, y:1}
];

// 객체에 두개의 프로퍼티가 있음
// 각 프로퍼티의 값은 배열임
// 배열의 각 원소의 값은 배열임
var data = { 
    trial1: [[1,2], [3,4]], 
    trial2: [[2,3], [4,5]] 
};