可変スライスアレイに割り当てることで元の配列を変更することができます

Question

プライベートアレイを持つクラスがあります。

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(); 

また、実装があります。

元配列のコピーを取得しました。次に、ローカル配列（元の配列のコピー）を変更しました。修正された原点配列を取得しました。

なぜ私設配列が変更されたのか理解できませんか？

私は

getBooks(){ 
    return this.booksList.slice(0); 
    } 

にはgetBooksを変更する場合、それは助けにはなりません。

Iは、元の配列が変更されない_.cloneDeep Method description

getBooks(){ 
    return _.cloneDeep(this.booksList); 
    } 

lodash法を用いてはgetBooksを変更する場合。 なぜですか？このような状況に関連する間違いを避けるには？

Answer 1

sliceで配列を複製すると、内部のオブジェクトは同じままです。あなたは3つのオブジェクト、配列arrでa、bとcを持っていて、それを複製した場合

、新しい配列がまだかなり同じように見える新しいオブジェクトより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 

これは、あなたがarr2からaを得れば、それはarrにある同じaオブジェクトだということを意味します - ので1が両方を変更し修正します。