javascript 실행 순서에 대해 궁금한 점이 있습니다.

[정주영]

안녕하세요 선생님

sort 함수가 원본 배열을 바꾼다고 하셨잖아요 그래서 제가 이런 코드를 짜보면서 

원본 배열 바뀌는거를 눈으로 확인해보고 있었는데요

    <script>
      const items = [
        { name: 'Coconut', value: 45 },
        { name: 'Banana', value: 37 },
        { name: 'Five', value: 37 },
        { name: 'Donut', value: -12 },
        { name: 'Apple', value: 21 },
        { name: 'Egg', value: 13 },
      ];
      console.log(items);
      items.sort(function (a, b) {
        return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;
      });
      console.log(items);
    </script>

 

자바스크립트는 위에서부터 한줄씩 실행을 하니까 당연히 sort 함수를 실행하기 전에 items 랑 실행한 후에 items 랑 

다를거라고 생각했는데 왜 콘솔에는 같다고 나오나요 ?

[codingapple]

i라는 아이콘에 마우스 올려보면 됩니다

차례대로 실행되는건 맞는데 console.log는 array나 object를 콘솔창에서 펼쳐볼 때 그제서야 변수목록을 뒤져서 보여줘서 그렇습니다 

[정주영]

 

아~ 그렇네요 선생님 영어로 솰라솰라 대충 처음 펼쳐볼때 계산됩니다, 아마 바꼈을수도 있습니다. 라고 적혀있네요 

감사합니다 !

 

[글쓴이]

글