카테고리 없음

JavaScript 객체 Literals

DevOhwa 2022. 9. 15. 13:37
반응형

슬슬 다른사람들은 일할곳을 찾아보는 시기가 되었다. 나도얼른가고싶은데 많이 부족해서 간단하게 짚고 넘어가는 기초들.

 

 

 

오늘의 부족한 점

어제 소켓하면서

let list = {};

이걸 왜 선언해주었는지조차 몰랐는데, 새로운 Dictionary 형태의 빈값을 만들어주기 위함이었다. 

(js 파일에서 저거 만들어준 이유는 내가 갖고있는 list들을 다 내보내기 위함이었음)

let list = {};

io.on("connection", function(socket){
    console.log("connected : ", socket.id);
    socket.on("info2", function(data){
        list[socket.id] = data.nickname;
        io.emit("notice", data.nickname + "님이 입장하셨습니다.");
        io.emit("list", list);
    });

 

 

보충

객체에서 {중괄호}를 쓰는 유일한 경우 : 

해당 객체를 선언할때. 즉, 만들때 뿐이다.

하지만 데이터에 액세스하려면 [대괄호]를 쓰는게 한 가지 옵션이다.

이런식으로 사용

그리고 person[]의 대괄호 안에 들어가는게 key(쓸때 " " 빼먹지말것)

 

 

위의 이미지와같이 ""가아닌 . 으로 사용가능하다.

 

 

 

ARRAYS + OBJECTS

객체안에는 값으로 지정하고 싶은건 뭐든지 저장할 수 있다. number,string, boolean, null, undefined, other objects and arrays.

cosnt shoppingCart = [
 {
	product: 'Jenga Classic',
	price: 6.88,
	quantity: 1,
 },
 {
	product: '참붕어빵',
	price: 4.99,
	quantity: 1
 }
]

객체로 된 배열이나 안에 객체가 있는 객체, 또는 안에 배열이 있는 객체를 만드는 아주 흔한 패턴이다.

배열과 객체를 합친 건 따로 사용할 때보다 훨씬 더 강력하다.

 

 

이런구조에 익숙해지자