javascript - 防止数组在单击时更改

Question

我试图在每次用户单击数组值时触发对它的操作，但无论出于何种原因，即使该数组位于函数之外，它仍然会更改它的值。有人知道如何确保外部数组的值不受影响吗？预先感谢大家的时间和帮助。

jQuery:

var nums = new Array('one', 'two', 'three', 'four', 'five');

$('.nums')on('click', function() {
  var numId = $(this).attr('id');
  var newNums = nums;
  var num = newNums.indexOf('#'+numId);
  newNums.length  = num + 1;

  console.log('#'+numId, nums, newNums, num);
});

Answer 1

您需要使用 slice() 按值复制数组，当前的赋值引用了 nums 数组，并且每当函数内的值发生更改时初始数组受到影响:

var nums = new Array('one', 'two', 'three', 'four', 'five');

    $('.nums')on('click', function() {
      var numId = $(this).attr('id');
      var newNums = nums.slice();
      var num = newNums.indexOf('#'+numId);
      newNums.length  = num + 1;

      console.log('#'+numId, nums, newNums, num);
    });