Javascript配列のmutable問題とはなんでしょうか？

Question

表題の通りです。
プロジェクトでreact reduxを使っています。
stateに配列を持っており、その配列をstoreで管理、変更しています。
その配列をconnectでコンポーネントに渡しています。
しかし、起きていることは、componentDidUpdate内で、prevPropsとcurrentPropsの値が変わらないという現象です。
配列のmutable問題が関係しているとチラッと聞いたのですが、
Javascriptの配列のmutable問題とはなんでしょうか？
調べても定義も何も出てこないため、ご存知の方がおりましたら、
お伺いしたいです。

何卒よろしくお願いします。

Answer 1

mutable問題という言葉は聞いた事ないけど

reduxの変更検知に関する事だけコードだけで説明すると、

const str = 'A';
str = 'B';

const arr = [1,2,3];
arr = [3,3];

のような再代入は出来ないけど

const arr2 = [1,2,3];
arr2[0] = 42;

のような要素の変更は出来る

後者は変数への値の（再）代入ではないという事
変数への代入ではないのでreduxでは検知出来ないという事
なので、変更を検知させる為にも配列を変更する時は要素だけを変更するのではなく新しい配列を生成して代入しましょうという事

だと思われる

Comments

[tomoharu]

ありがとうございます！

この問題ってオブジェクトの場合は発生しないのでしょうか？
例えば、

```
{...a, b: bb}
```
として、これを

```
update({...a, b: bb})
```

こんな感じでstoreに投げたら、これはaというオブジェクトのbという要素の変更であるが、reduxは変更検知してくれるということでよろしいでしょうか。

[hentaiman]

それだけ書かれても意味分からん　updateは何かのメソッド？
state.hash = {'A':'VALUE'}
なら更新を検知する為には
state.hash = {'A':'VALUE UPDATE'}
と書かなければいけないという事

[tomoharu]

すみません。自分の書き方がよくなかったです。ただお伺いしたかったのはそちらです。ありがとうございます。