배열 [Array] 과 객체 [Dictionary]

 

배열은 [ ] 대괄호 형태로 나타낸다

let b = [1,2,3,'hey',4]
b의 배열은 위와같이 5가지 항목으로 이루어져 있다.

console.log(b_list[0]) // b_list의 0번째 항목을 표시 = 1
-> 배열의 순서는 0,1,2,3,... 0부터 시작한다. 

console.log(b_list[1]) // 2


b_list.push('헤이')
-> b_list 배열의 제일 마지막에 '헤이' 라는 항목을 추가하겠다는 뜻

console.log( b_list) //  [1,2,3,'hey',4,'헤이'] 
console.log( b_list.length) // b_list의 길이, 즉 항목이 6개가 있으므로 값은 6이 된다.

 

객체는 { } 중괄호 형태로 나타낸다

let b_dic = {name : 'Bob', age : 21}

console.log(b_dic['name']) // Bob
console.log(b_dic['age']) // 21


b_dic['height'] = 180
-> b_dic  배열에 'height' 항목을 추가하기

console.log(b_dic['height']) // 180

 

배열과 객체는 함께 쓸 수 있다

names = [
{name: 'bob', age: 20},
{name: 'carry", age: 38},
]

console.log([0][name]) // bob
->첫번째 항목의 name 값은? bob

console.log([1][name]) // carry
->두번째 항목의 name 값은? carry

 

객체를 추가하는것도 가능

new_name = {name:'john', age:7}
->john, 7살 이라는 항목(new_name)을 새로 만들어주고

names.push(new_name)
->기존 객체인 names에 new_name를 추가 해준다

console.log(names) //

names = [
{name: 'bob', age: 20},
{name: 'carry", age: 38},
{name:'john', age:7},
]

-> 콘솔로 나타냈을 때 기존 2가지 항목에 이어 마지막으로 추가해 준 new_name이 추가 된것을 확인 할 수 있다.