JS array mutation

Question

Why does the first function mutate originalArr (although I created copyArr to perform methods only on that copy)? And why doesn't the second function mutate originalArr?

function removeSmallest(originalArr) {
  const copyArr = originalArr;
  console.log(originalArr);
copyArr.splice(copyArr.indexOf(Math.min(...copyArr)), 1);
  console.log(originalArr); //here originalArr is mutated, why?//
  return copyArr;
}

function removeSmallest(originalArr) {
  const copyArr = [];
  copyArr.push(...originalArr);
  console.log(originalArr);
copyArr.splice(copyArr.indexOf(Math.min(...copyArr)), 1);
  console.log(originalArr); //originalArr not mutated, why?//
  return copyArr;
}

Jotha · Accepted Answer · 2021-09-01 14:05:08Z

0

JavaScript arrays work by reference, meaning that in the first function, both copyArr and originalArr point to the same object. To copy an array and avoid this, you can use the method you used in the second function, or simply use const copyArr = originalArr.slice().

answered Sep 1, 2021 at 14:05

Jotha

4032 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JS array mutation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related