JavaScript에서 목록 할당은 어떻게 작동합니까?

Eloquent JavaScript 연습 섹션을 읽었으며 다음 코드에서 문제가 발생했습니다. 책 :

function arrayToList(array) {
  let list = null;
  for (let i = array.length - 1; i >= 0; i--) {
    list = {value: array[i], rest: list};
  }
  return list;
}
console.log(arrayToList([10, 20]));
// → {value: 10, rest: {value: 20, rest: null}}

우선, 나는 그것이 어떻게 console.log 이해하지 못한다  그 출력을 가질 수 있습니다. 나는 특히 list = {value: array[i], rest: list}; 와 혼동  부품. 첫 번째 반복에서 array[i] 는   20 와 같습니다 따라서 목록은 이제 {value: 20, rest: null} 입니다. . 두 번째 반복에서 array[i]   10 입니다 따라서 목록은 이제 {value: 10, rest: list} 입니다.  그리고 list   {value: 20, rest: null} 참조 따라서 우리는 list = {value: 10, rest: {value: 20, rest: null}} . 이해가 정확합니까? 그렇다면 list 가 얼마나 혼란 스럽습니까? 을 지정하는 동안 이전에 포함 된 값 (예 : {value: 20, rest: null} )을 여전히 기억할 수 있습니다. . 누군가 설명해 주시겠습니까?

둘째, 왜 그것이 언급되는지 이해할 수 없습니다 :

'Building up a list is easier when done back to front. So arrayToList could iterate over the array backwards (see the previous exercise) and, for each element, add an object to the list. You can use a local binding to hold the part of the list that was built so far and use an assignment like list = {value: X, rest: list} to add an element.'

앞으로 돌아갈 때 왜 목록을 작성하는 것이 더 쉬운가요? 하지만 앞뒤로 할 때 목록을 작성할 수 있습니까?

위의 코드를 다음과 같이 변경하려고 할 때 세번째 :

function arrayToList(...array) { //Only change is from array to ...array
  let list = null;
  for (let i = array.length - 1; i >= 0; i--) {
    list = {value: array[i], rest: list};
  }
  return list;
}
console.log(arrayToList([10, 20]));
// → {value: [10, 20], rest: null} Why did the output change?