Bagaimanakah Saya Boleh Meratakan dan Menyahratakan Objek JavaScript dengan Cekap?

Meratakan dan Menyahratakan Objek JavaScript dengan Pantas dan Cekap

Meratakan dan tidak meratakan objek JavaScript bersarang ialah tugas biasa dalam pembangunan web, tetapi ia boleh menjadi intensif pengiraan. Artikel ini meneroka pelaksanaan yang cekap untuk kedua-dua operasi merata dan tidak merata.

Meratakan Objek

Kod berikut menyediakan pelaksanaan merata yang sangat dioptimumkan:

Object.flatten = function(data) {
    var result = {};
    function recurse (cur, prop) {
        if (Object(cur) !== cur) {
            result[prop] = cur;
        } else if (Array.isArray(cur)) {
             for(var i=0, l=cur.length; i<l; i++)
                 recurse(cur[i], prop ? prop+"."+i : i);
            if (l == 0)
                result[prop] = [];
        } else {
            var isEmpty = true;
            for (var p in cur) {
                isEmpty = false;
                recurse(cur[p], prop ? prop+"."+p : p);
            }
            if (isEmpty &amp;&amp; prop)
                result[prop] = {};
        }
    }
    recurse(data, "");
    return result;
}

Tidak rata Objek

Untuk tidak merata, pelaksanaan berikut menunjukkan prestasi yang dipertingkatkan:

Object.unflatten = function(data) {
    "use strict";
    if (Object(data) !== data || Array.isArray(data))
        return data;
    var regex = /\.?([^.\[\]]+)|\[(\d+)\]/g,
        resultholder = {};
    for (var p in data) {
        var cur = resultholder,
            prop = "",
            m;
        while (m = regex.exec(p)) {
            cur = cur[prop] || (cur[prop] = (m[2] ? [] : {}));
            prop = m[2] || m[1];
        }
        cur[prop] = data[p];
    }
    return resultholder[""] || resultholder;
};

Hasil Penanda Aras

Pelaksanaan ini meningkatkan prestasi dengan ketara dalam meratakan dan operasi tidak rata. Dalam Opera 12.16, meratakan adalah kira-kira dua kali lebih pantas (~900ms berbanding ~1900ms), manakala dalam Chrome 29, ia bertambah baik pada kadar yang sama (~800ms dan bukannya ~1600ms).

Awas :

Perhatikan bahawa pelaksanaan ini, memfokuskan pada kelajuan, terdedah kepada pencemaran prototaip. Oleh itu, adalah penting untuk mengelak daripada menggunakannya pada objek yang tidak dipercayai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meratakan dan Menyahratakan Objek JavaScript dengan Cekap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!