JavaScriptのDeepCopyでJSON.parse/stringifyを使ってはいけない - Qiita
JavaScriptでのDeepCopyはJqueryではextend, angular.js だと angular.copy を使って簡単にできてしまうようだけれど、標準実装としてはそもそも用意がされていないようだ。 だから自分で作らないと行けないし、それにはいくつもの方法があって、中には罠のようなものもある。 例えば適当に個人ブログなんかを当たって見つかるのがJSONを経由した方法。 オブジェクトをJSON文字列に変換してから再びオブジェクトに戻すというハック的なやり方だ。stackoverflowだとこれが一番高速に動くぜ！なんて意見もあって、さすがネイティブ実装されたメソッドなだけはあるという感じだ。お手軽感も高い。 しかしDeepCopyする方法として実戦投入するにはいくつかの問題がある。 ###①そもそもDeepCopyするためのものじゃない この方法を知らない他人がコードを見
ES6のObject.assignがシャローコピーなのでディープコピーする方法を考える
ES6（ES2015）で実装されたObject.assignでディープコピーできると思っていた時期が私にもあった。 Object.assignでディープコピーして（した気になって）、プロパティの値を変更したとき、元のオブジェクトにも影響していることに気づいた。 // Object.assign.js const obj1 = { hoge: 'hoge', fuga: { foo: 'foo' } }; // ディープコピーのつもり const obj2 = Object.assign({}, obj1); obj2.hoge = 'hogehoge'; // obj1.hoge: 'hoge' obj2.hoge: 'hogehoge' ← ディープコピーされてる？ console.log('obj1.hoge:', obj1.hoge, 'obj2.hoge:', obj2.hoge)
[JavaScript]色々なディープコピー - Qiita
const obj = { d: new Date(), u: undefined } obj => Object {date: Sat Dec 17 2016 22:48:56 GMT+0900 (JST), u: undefined} const copyObj = JSON.parse(JSON.stringify(obj)) => Object {date: "2016-12-17T13:48:56.350Z"}
![[JavaScript]色々なディープコピー - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7039d8c0c6fcf5aa1e19356ec8459cf1a318db2e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCVFOCU4OSVCMiVFMyU4MCU4NSVFMyU4MSVBQSVFMyU4MyU4NyVFMyU4MiVBMyVFMyU4MyVCQyVFMyU4MyU5NyVFMyU4MiVCMyVFMyU4MyU5NCVFMyU4MyVCQyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTJmNjA0ZTQzNDUyZGE4YzVlZTc0MWE2MWM3NzhmMWI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa25ocl9fJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lOTA3NjZiYmZhNmRjYzI1YzBiZDg0NWU3MWUwYjUyNg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D84ad6aff019f85e338ca35d97ed29d02)
Deep vs. Shallow copying.
Explanation of Deep and Shallow Copying When creating copies of arrays or objects one can make a deep copy or a shallow copy. This explanation uses arrays. Recall array variables in Java are references (some folks say pointers, but there are differences between references and points). Object and array variables refer to the actual object or array. (In pointer terms the object and array variables s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deep copy an array in Angular 2 + TypeScript
What is the difference between a deep copy and a shallow copy?
