目的

• メソッド利用時に、splitにarray渡してしまったり、spliceが非破壊破壊的か忘れるのでここらでまとめて、is not functionを撲滅したい。

今日やること

• メソッドを安全に使えるような表をつくる。

そもそも非破壊的、破壊的ってなによ？

非破壊とは、渡した値を変換せずに処理をすること。

let array = [1,2,3]
let newarray = array.forEach(e=>e+1)

console.log(array) //[1,2,3]
console.log(array) //[2,3,4]

破壊的とは、渡した値を変換すること

let array = [1,2,3]
let newarray = array.pop()

console.log(array) //[2,3,4]
console.log(array) //[2,3,4]

値を返すかどうかは非破壊的、破壊的によらずメソッド次第。

非破壊的と破壊的をどう使い分ければよいの？

上のとおり破壊的であると元の値が、処理後の値になってしまいます。
これは、同じ配列に対し繰り返し処理をしたい場合に元の配列を起点に繰り返し処理がしづらいので、使い回しがしづらくなることを示しています。

なので、繰り返し処理をしたい場合は非破壊を使うべし。です。

でも、だったら、なんで破壊的メソッドがあるの？

これについてはわかりませんでした。
一度しか使わない限定的な条件かでなら安全かつ早いのでしょうか？

よければこっそりコメントください。

@nagtkkさまに破壊的メソッドを利用する目的を教えていただきました！

破壊しない、と言うことは、変化がない部分に関してコピーを作るのとほぼ同義ですから、
速度に加えて、大きい配列の場合メモリ消費量的に良い場合もありますね。
例えば pop が非破壊であった場合、
1000 個の配列に対して 999 個の値をコピーした配列を作る、
と言った操作になるわけで。

メモリ消費は速度以外のパフォーマンスにも影響する？ようです。
うまく調べられなかったのでおいおい記述します・・！

メソッドチート表

参照しやすいようにメソッド名にはMDNリンクを貼りました。