[Javascript] 기초-1 기본연산, 변수 선언, List, Object

변수 & 기본 연산

기본적으로 사칙연산, 문자열 더하기가 가능하다.

let a = 1
let b = 2

let first = 'jay';
let last = 'kim';

first + last // 'jaykim'

first + ' ' + last // 'jay kim'

first + a // 'jay1'

변수명

let first_name = 'jay' // snake case라고 합니다. 
let firstName = 'jay' // camel case라고 합니다.

변수명에 특수문자와 띄어쓰기는 불가능하다

List & Object

List

let a_list = []; // list 선언

let b_list = [1, 2, 3, 'hi']; // list 선언

b_list[1]; // 2를 출력
b_list[2]; // 3을 출력

// 리스트에 요소 넣기
b_list.push('헤이');
b_list; // [1, 2, 3, 'hi'] 를 출력

// 리스트의 길이 구하기
b_list.length // 4를 출력

Object

다른 언어의 dictionary와 같은 형태로 {key: value}형태이다.

let student = {}; // object 선언

let student = {
	'name' : 'jay',
    'age' : 25',
    'major' : 'Computer science'
};

student['name']; // 'jay' 출력
student['age']; // 25 출력

student // {'name':'jay', 'age':25, 'major':'Computer science'} 출력

List + Object 조합

let students = [{'name':'jay', 'age':25}, {'name':'joe', 'age':22}];

students[0]['name']; // 'jay' 가 출력
students[1]['name']; // 'joe' 가 출력

new_student = {'name':'john','age':7}
students.push(new_student);

// students의 값은? [{'name':'jay','age':25},{'name':'joe','age':22},{'name':'john','age':7}]
// students[2]['name']의 값은? 'john'

List + Object 조합이 왜 필요한가? 

 

대기표가 필요한 시스템의 경우 list와object를 조합하여 구성하면 매우 편리한 시스템을 만들어진다.

단순히 변수만 사용했을경우

let customer_1_name = '김김김';
let customer_1_phone = '010-3333-2222';
let customer_2_name = '박박박';
let customer_2_phone = '010-3242-4243';

이렇게 보기 힘들지만 list + object를 사용하면 고객별로 정보를 모을 수 있고 아래와 같이 순서를 정해줄 수 있다.

let customer_1 = {'name': '김김김', 'phone': '010-3333-2222'};
let customer_2 = {'name': '박박박', 'phone': '010-4242-3232'};

let customer = [
    {'name': '김김김', 'phone': '010-1234-1234'},
    {'name': '박박박', 'phone': '010-4321-4321'}
]

보기에도 쉽고 다루기도 훨씬 편해진다. 새로운 손님이 왔을 경우에도 .push()를 활용해서 쉽게 추가해 줄 수 있다.

 

EOF