javascript - お伺い - Object.prototype.clone()

JavaScriptでオブジェクトのディープコピーをどうやってやるのか、これといったものがないようなので作ってCodeReposにおいておきました。

• /lang/javascript/clone/trunk/clone.js - CodeRepos::Share - Trac

なぜこういうのが必要かというと、

var a = [0,1,2,3];
alert(a);   // 0,1,2,3
var a2 = a;
a2[4] = 4;  // a2を変えると...
alert(a2);  // 0,1,2,3,4 -- aも変わってしまう!

からです。参照でオブジェクトを実装しているものにはJavaScriptでなくてもこうなっていて、それでは不都合なときのため、たいていの言語ではDeep Copyを実装するクラスやモジュールが提供されていますが(例えばPerlではStorable::dclone()、RubyならMarshalのloadとdumpを使って)、JavaScriptにはこれといったものが見当たらないのです。

現バージョンのはこちら。

/*
 * $Id: clone.js,v 0.1 2007/11/26 14:17:22 dankogai Exp dankogai $
 */

(function(){
    // They are atomic already
    var atomic = [ Boolean, Number, String, Date, RegExp ];
    for (var i = 0, l = atomic.length; i < l; i++){
        atomic[i].prototype.clone = function(){ return this; }
    }
    // now the moment of truth!
    Object.prototype.clone = function(){
        if (this.prototype && this.prototype.clone 
            && this.prototype.clone !== Object.prototype.clone)
            return this.clone();
        var clone = new (this.constructor);
        for (var p in this) {
            clone[p] = typeof this[p] == 'object' ? this[p].clone() : this[p];
        }
        return clone;
    }
    // Array needs some special care
    Array.prototype.clone = function(){
        var clone = [];
        for (var i = 0, l = this.length; i < l; i++) {
            clone[i] = typeof this[i] == 'object' ? this[i].clone() : this[i];
        }
        return clone;
    }

})();

で、以下が実例。

Source:

p((1).clone()); p((false).clone()); p((new Date(0)).clone()); p((/[0-9A-Za-z_]+/g).clone()); var a = [0,1,2,3]; p(a); var a2 = a.clone(); a2[4] = 4; p(a); p(a2); var o = {}; for (var k in o) p(k, ':', o[k]); var o = { 'Array':[0,1,2,3, { 'Number':1, 'String':'abc', 'Boolean':false }] }; p((new JKL.Dumper()).dump(o)); var o2 = o.clone(); o2['clone'] = 'just a string'; p((new JKL.Dumper()).dump(o)); p((new JKL.Dumper()).dump(o2));

stdout:

stderr:

オブジェクトの文字列化のため、KawaさんのJKL.Dumperを使わせていただいております。

見てのとおり、一つ嫌な問題があって、prototypeに割り当てているにも関わらず、for (k in object)でclone自身が見えてしまうのです。これって何とかならないのかなあ....__proto__プロパティを使う方法だと新しすぎる?

Dan the JavaScripter

Comments

最初のコード 最終行
s/a2/a

Posted by at 2007年11月27日 01:38

a2を変更するとaも変更されるっていう例示なら、

s/alert(a2)/alert(a)/g

では？　
意味はもちろん、分かるんですが。

Posted by tmiz at 2007年11月27日 01:41