我们有一个有私有数组的类。
class BookService{
private booksList: Book[];
constructor (){
this.booksList = [
new Book('Tales', true),
new Book('Novels', false),
new Book('Dictionary', false)
];
}
getBooks(){
return this.booksList;
}
}
class Book{
constructor ( public name: string, public isRead: boolean ){}
}
export const bookService = new BookService();
我们也有实施。
import {bookService} from './book-service';
//get copy of original array which is not by reference
let books: any = bookService.getBooks().slice(0);
//log local array
console.log(books);
// modify local array
books[1].isRead = true;
//log original array
console.log(bookService.getBooks());
我们得到了原始数组的副本。然后我们修改了本地数组(原始数组的副本)。我们得到了修改过的原始数组。
我无法理解为什么原始私有数组已被修改?
如果我将getBooks修改为
getBooks(){
return this.booksList.slice(0);
}
它没有帮助。
如果我使用lodash方法修改getBooks _.cloneDeep Method description
getBooks(){
return _.cloneDeep(this.booksList);
}
原始数组不会被修改。 为什么?如何避免与这种情况有关的错误?
答案 0 :(得分:0)
使用slice
克隆数组时,内部对象保持不变。
如果数组a
中有三个对象b
,c
和arr
并且您克隆它,则新数组仍将包含对{{1}的引用}},a
和b
,而不是看起来相同的新对象。
c
这意味着,如果您从var arr = [ a, b, c ];
var arr2 = arr.slice(0); // [ a, b, c ];
arr === arr2; // false - they are not the same array
arr[0] === arr2[0]; // true - they contain the same a object
获得a
,则它与arr2
中的a
对象相同 - 因此修改一个会修改两者。< / p>