在javascript / angular中创建播放列表（按值复制数组，但按引用设置嵌套对象）

Question

我正在尝试在有角的应用程序中为音乐播放器创建播放列表，其中将包括随机播放按钮。 现在，我对实际的随机播放功能没有任何问题，我正在使用Fisher Yates随机播放 ，并且工作正常。 单击随机播放按钮后，我将调用随机播放功能：

$scope.shuffle = function(){
    $scope.shufflePlaylist = angular.copy($scope.playlist);

    //// Then shuffle the array
    var i = $scope.shufflePlaylist.length, t, m;
    for(var i = $scope.shufflePlaylist.length - 1; i > 0; i--){

      m = Math.floor(Math.random() * i);
      t = $scope.shufflePlaylist[m];
      $scope.shufflePlaylist[m] = $scope.shufflePlaylist[i];
      $scope.shufflePlaylist[i] = t;
    }
  }

我创建了一个包含随机播放列表的新数组，因为我仍然需要原始播放列表，以便可以取消随机播放。 设置angular.copy播放列表时，我必须使用angular.copy ，因为否则原始播放列表也会被angular.copy播放（因为angular.copy播放只是对原始播放列表的引用）。

这是我的问题所在，因为我要按值复制数组，并且不再以任何方式连接到原始数组，所以我在一个列表中的轨道上进行的任何操作（例如，喜欢/不同）都不会发生在另一个列表中。 所以我希望2播放列表不通过引用连接，但每个数组中的各个对象都应通过引用连接。 这可能吗？

这是一个unk客： http ://plnkr.co/edit/a0wpSwatnDlNSBanK7HP?p=preview

Answer 1

angular.copy将创建深层副本https://docs.angularjs.org/api/ng/function/angular.copy

尝试使用数组切片来复制数组：

$scope.shufflePlaylist = $scope.playlist.slice()