JavaScript 기초 및 객체 리터럴

• 주석

- Java 와 같은 '/* */'(영역 주석), '//'(한 줄 주석)

- 자바스크립트 주석은 소스보기에서 공개되기 때문에 공개되면 안되는 주석은 삭제 필요

• 문자열

- 작, 큰 따옴표 필요할 경우 => 역슬래시

var str = 'ABC "DEF" \'GHI\'.';

- 역슬래시가 필요할 경우 => 역슬래시 2번

var str = 'ABC \\DEF\\ GHI.';

• 비교연산자

==	같다, 데이터타입 고려X	'5' == 5 (T)
===	데이터타입까지 같다.	'5' === 5 (F)
!==	데이터타입까지 같지않다.	'5' !== 5 (T)

• 함수선언

function Func(value1, value2) {
 
    // 함수 호출 전, 후에 선언
 
}
 
 
var Func = function(value1, value2) {
 
    // 함수 호출 전에 선언
 
}

• 객체(객체 리터럴)

- 객체 생성 방법

var person1 = new Object();
 
var person2 = {};
 
var person3 = {
    name : ['Diabol', 'Jake'],
    age : 57,
    gender : 'female',
    addr : {
        first : 'Seoul',
        second : 'Incheon',
    },
    1 : 50,
    'last-name' : 'Kim',
    greeting : function() {
        alert('Hi! I\'m' + this.name[0] + '.');
    }
};

프로퍼티(property) : 객체의 속성              ex) name, age, gender, addr, 1, last-name

메서드(method) : 프로퍼티 값이 함수인 경우    ex) greeting

- 객체 호출 방법 (마침표 표기법, 대괄호 표기법)

person.name
person.name[1]
person.addr.first
person.greeting()
 
person['name']
person['name'][1]
person['addr']['first']
person[1]
person['1']
person['last-name']

프로퍼티 키 값이 메서드면 마침표,

숫자와 식별자 네이밍 규칙 미준수 값(last-name)이면 대괄호 표기법 사용

- 프로퍼티 생성 및 갱신

// 기존 값 갱신 
person['name'][1] = 'James';
person.age = 37;
 
// 새로운 객체 멤버 생성
person['hobby'] = 'soccer';
person.farewell = function() {
    alert('Bye!');
}

* 객체 내 같은 프로퍼티명이 2개 이상이면 나중에 선언된 값으로 갱신

- 프로퍼티 삭제

delete person.age;

* 없는 프로퍼티를 삭제할 경우 에러 없이 무시

- 프로퍼티 축약 표현

var x = 1, y = 2;
 
var obj = {
  x : x,
  y : y
};
 
 
 
let x = 1, y = 2;
 
const obj = { x,y };

프로퍼티 값에 변수(식별자) 대입 가능

키를 생략하고 값을 변수로 사용하는 경우, 키는 변수명으로 자동 생성

• 배열 선언

var jbAry = new Array();
 
jbAry[0] = 'abc';
jbAry[1] = 'def';
jbAry[2] = 'ghi';
 
var jbAry = [ 'abc', 'def', 'ghi' ];
 
var jbAry = new Array( 'abc', 'def', 'ghi' );