JavaScript / 입문과 웹 UI개발 lv3, localStorage 숙제

[히도리]

JavaScript / jQuery 입문과 웹 UI개발

lv3, 장바구니 기능과 localStorage 숙제 관련 질문입니다.

 

일단 원본으로 실행은 잘 되는데 궁금한 점이있습니다. 

아래에 볼드, 기울임 처리된 부분 관련한건데요. 

원본 --------------------------------------------

        $('.buy').on('click', function(e){
            var title = $(e.target).siblings('h5').html()
       
        if(localStorage.getItem('cart') != null){
         
        var 꺼낸거 = JSON.parse(localStorage.getItem('cart'));
         꺼낸거.push(title);
         localStorage.setItem('cart', JSON.stringify(꺼낸거));
 

        } else {
            localStorage.setItem('cart', JSON.stringify([title]));
        }
   
        })

 

-----------------------------------

해당부분을 ,제가 첨에 코드 쓸때 실패한 부분-------

var 꺼낸거 =  (JSON.parse(localStorage.getItem('cart'))).push(title)

혹은

        var 꺼낸거 = JSON.parse(localStorage.getItem('cart'));
         var new = 꺼낸거.push(title);
         localStorage.setItem('cart', JSON.stringify(new));

-------------------------------------

위처럼 또 변수를 지정해서 하거나, 꺼낸거에 바로 push.(title)로하면 숫자로 찍힙니다. console도 그렇구, 로컬스토리지에서도요  

제 생각에는.. 변수를 지정하는건 그렇다쳐도..
바로 push.(title)하는건 크게 달라질게 없을 것 같은데

왜 다른 결과가 나오는지 궁금합니다.. 

 

[codingapple]

왜냐면 push() 쓰면 push 후 전체 array의 길이를 그자리에 남겨주기 때문입니다 

그래서 꺼낸거라는 변수는 3 같은 숫자가 출력될걸요 

[히도리]

넘 간단한걸... 보면서도 이해못해고있었네요....  죄송하고 감사합니다

[codingapple]

저도 방금검색해봐서 알았을 뿐입니다

[글쓴이]

글