Wie man die Größe eines JavaScript-Objekts?

Ich habe wieder berücksichtigt den code in meiner original Antwort. Ich habe entfernt die Rekursion und entfernt die angenommene Existenz overhead.

function roughSizeOfObject( object ) {

    var objectList = [];
    var stack = [ object ];
    var bytes = 0;

    while ( stack.length ) {
        var value = stack.pop();

        if ( typeof value === 'boolean' ) {
            bytes += 4;
        }
        else if ( typeof value === 'string' ) {
            bytes += value.length * 2;
        }
        else if ( typeof value === 'number' ) {
            bytes += 8;
        }
        else if
        (
            typeof value === 'object'
            && objectList.indexOf( value ) === -1
        )
        {
            objectList.push( value );

            for( var i in value ) {
                stack.push( value[ i ] );
            }
        }
    }
    return bytes;
}

InformationsquelleAutor thomas-peter

Ich schrieb diese lösen eine ähnliche (ish) problem. Es muss nicht genau das tun, was Sie vielleicht gesucht werden, dh es nicht berücksichtigt, wie der interpreter speichert das Objekt.

Aber, wenn Sie sind mit V8, es sollte Ihnen eine ziemlich ok Näherung als genial prototyping und versteckte Klassen zu lecken, bis die meisten der overhead.

function roughSizeOfObject( object ) {

    var objectList = [];

    var recurse = function( value )
    {
        var bytes = 0;

        if ( typeof value === 'boolean' ) {
            bytes = 4;
        }
        else if ( typeof value === 'string' ) {
            bytes = value.length * 2;
        }
        else if ( typeof value === 'number' ) {
            bytes = 8;
        }
        else if
        (
            typeof value === 'object'
            && objectList.indexOf( value ) === -1
        )
        {
            objectList[ objectList.length ] = value;

            for( i in value ) {
                bytes+= 8; //an assumed existence overhead
                bytes+= recurse( value[i] )
            }
        }

        return bytes;
    }

    return recurse( object );
}

InformationsquelleAutor thomas-peter

Es ist ein NPM-Modul zu bekommen, sizeof Objekt, können Sie es mit npm install object-sizeof

  var sizeof = require('object-sizeof');

  //2B per character, 6 chars total => 12B
  console.log(sizeof({abc: 'def'}));

  //8B for Number => 8B
  console.log(sizeof(12345));

  var param = { 
    'a': 1, 
    'b': 2, 
    'c': {
      'd': 4
    }
  };
  //4 one two-bytes char strings and 3 eighth-bytes numbers => 32B
  console.log(sizeof(param));

InformationsquelleAutor Andrei Karpushonak

Dies ist ein hacky-Methode, aber ich versuchte es zweimal mit unterschiedlichen zahlen und es scheint, konsequent zu sein.

Was Sie tun können, ist zu versuchen, und reservieren Sie einen riesige Anzahl der Objekte, wie etwa eine oder zwei Millionen Objekte von der Art, die Sie wollen. Legen Sie die Objekte in ein array um zu verhindern, dass der garbage collector freigegeben (beachten Sie, dass dies fügt einen geringen Speicher-overhead, weil der array, aber ich hoffe das sollte keine Rolle spielen, und außer wenn Sie sich sorgen über die Objekte im Arbeitsspeicher, speichern Sie Sie irgendwo). Fügen Sie eine Warnung, bevor und nachdem die Zuordnung und in jedem alert können Sie überprüfen, wie viel Arbeitsspeicher der Firefox-Prozess unter. Bevor Sie öffnen die Seite mit dem test, stellen Sie sicher, Sie haben eine neue Firefox-Instanz. Öffnen Sie die Seite, beachten Sie die Speicher-Nutzung nach der "vor" - Warnung angezeigt wird. Schließen Sie die Warnung, warten, für die Speicher reserviert werden. Subtrahieren Sie die neue Speicherkarte aus der älteren und teilen Sie durch die Höhe der Zuweisungen. Beispiel:

function Marks()
{
  this.maxMarks = 100;
}

function Student()
{
  this.firstName = "firstName";
  this.lastName = "lastName";
  this.marks = new Marks();
}

var manyObjects = new Array();
alert('before');
for (var i=0; i<2000000; i++)
    manyObjects[i] = new Student();
alert('after');

Habe ich versucht, diese in meinem computer, und der Prozess hatte 48352K von Speicher, wenn die "vorher" - Warnmeldung angezeigt wurde. Nach der Zuteilung, Firefox hatte 440236K Speicher. Für 2 Millionen Zuweisungen, dieser ist etwa 200 bytes für jedes Objekt.

Versuchte ich es wieder mit 1 Million Zuweisungen und das Ergebnis war ähnlich: 196 bytes pro Objekt (ich nehme an, dass die zusätzlichen Daten in 2mill wurde für die Array).

So, hier ist ein hacky-Methode, die Ihnen helfen könnten. JavaScript kein "sizeof" - Methode für einen Grund: jeder JavaScript-Implementierung ist unterschiedlich. In Google Chrome zum Beispiel der gleichen Seite verwendet, etwa 66 bytes für jedes Objekt (ausgehend von der task-manager zumindest).

InformationsquelleAutor Bad Sector

ich möchte wissen, ob mein Gedächtnis Bemühungen zur Reduzierung tatsächlich helfen bei der Verringerung der Speicher

Folgenden auf diesen Kommentar, hier ist was Sie tun sollten:
Versuchen Sie, um zu produzieren ein problem mit dem Arbeitsspeicher - code Schreiben, der schafft alle diese Objekte und graudally erhöhen Sie den oberen Grenzwert, bis Sie lief in ein problem (Browser-Absturz, Browser einfrieren oder eine Out-Of-memory-Fehler). Idealerweise sollten Sie wiederholen Sie diesen Versuch mit verschiedenen Browsern und verschiedenen Betriebssystemen.

Nun gibt es zwei Möglichkeiten:
option 1 - Sie hatten keinen Erfolg bei der Herstellung der Speicher-problem. Daher, Sie werden sich Gedanken für nichts. Haben Sie nicht das Speicher-Problem und das Programm ist in Ordnung.

option 2 - Sie haben ein problem mit dem Arbeitsspeicher. Jetzt Fragen Sie sich, ob die Grenze, an der das problem aufgetreten ist angemessen (in anderen Worten: ist es wahrscheinlich, dass diese Menge von Objekten erstellt werden die bei der normalen Verwendung des Codes). Wenn die Antwort 'Nein' ist, dann bist du gut. Ansonsten jetzt wissen Sie, wie viele Objekte in Ihrem code erstellen kann. Überarbeitung des Algorithmus, so dass es nicht gegen dieses limit.

InformationsquelleAutor Itay Maman

Chrome developer tools diese Funktionalität auf. Ich fand diesen Artikel sehr hilfreich und macht genau das, was Sie wollen:
https://developers.google.com/chrome-developer-tools/docs/heap-profiling

InformationsquelleAutor benja2729

function sizeOf(parent_data, size)
{
    for (var prop in parent_data)
    {
        let value = parent_data[prop];

        if (typeof value === 'boolean')
        {
            size += 4;
        }
        else if (typeof value === 'string')
        {
            size += value.length * 2;
        }
        else if (typeof value === 'number')
        {
             size += 8;
        }
        else
        {      
            let oldSize = size;
            size += sizeOf(value, oldSize) - oldSize;
        }
    }

    return size;
}


function roughSizeOfObject(object)
{   
    let size = 0;
    for each (let prop in object)
    {    
        size += sizeOf(prop, 0);
    } //for..
    return size;
}

InformationsquelleAutor Boris Rayskiy

Ich benutze Chrome dev tools' Registerkarte Timeline, instanziieren zunehmend große Mengen von Objekten, und gut schätzt wie das. Sie können html verwenden, wie diese unten, als boilerplate, und ändern Sie es, besser zu simulieren die Eigenschaften Ihrer Objekte (Anzahl und Typen von Eigenschaften, etc...). Sie möchten möglicherweise klicken Sie auf das Papierkorb-bit-Symbol am unteren Rand, dass die dev-tools Registerkarte, vor und nach einem Lauf.

<html>
<script>
var size = 1000*100
window.onload = function() {
  document.getElementById("quantifier").value = size
}

function scaffold()
{
  console.log("processing Scaffold...");
  a = new Array
}

function start()
{
  size = document.getElementById("quantifier").value
  console.log("Starting... quantifier is " + size);
  console.log("starting test")
  for (i=0; i<size; i++){
    a[i]={"some" : "thing"}
  }
  console.log("done...")
}

function tearDown()
{
  console.log("processing teardown");
  a.length=0
}

</script>
<body>
    <span style="color:green;">Quantifier:</span>
    <input id="quantifier" style="color:green;" type="text"></input>
    <button onclick="scaffold()">Scaffold</button>
    <button onclick="start()">Start</button>
    <button onclick="tearDown()">Clean</button>
    <br/>
</body>
</html>

Instanziieren 2 Millionen Objekte von nur je ein Objekt (wie in diesem code oben) führt zu einer groben Berechnung von 50 bytes pro Objekt, der auf meine Chrom, gerade jetzt. Ändern Sie den code, erstellen Sie eine zufällige Zeichenfolge, die pro Objekt fügt einige 30 Byte pro Objekt, etc.
Hoffe, das hilft.

InformationsquelleAutor matanster

Ich glaube, Sie haben vergessen zu zählen 'array'.

  typeOf : function(value) {
        var s = typeof value;
        if (s === 'object')
        {
            if (value)
            {
                if (typeof value.length === 'number' && !(value.propertyIsEnumerable('length')) && typeof value.splice === 'function')
                {
                    s = 'array';
                }
            }
            else
            {
                s = 'null';
            }
        }
        return s;
    },

   estimateSizeOfObject: function(value, level)
    {
        if(undefined === level)
            level = 0;

        var bytes = 0;

        if ('boolean' === typeOf(value))
            bytes = 4;
        else if ('string' === typeOf(value))
            bytes = value.length * 2;
        else if ('number' === typeOf(value))
            bytes = 8;
        else if ('object' === typeOf(value) || 'array' === typeOf(value))
        {
            for(var i in value)
            {
                bytes += i.length * 2;
                bytes+= 8; //an assumed existence overhead
                bytes+= estimateSizeOfObject(value[i], 1)
            }
        }
        return bytes;
    },

   formatByteSize : function(bytes)
    {
        if (bytes < 1024)
            return bytes + " bytes";
        else
        {
            var floatNum = bytes/1024;
            return floatNum.toFixed(2) + " kb";
        }
    },

InformationsquelleAutor fchas15