實用代碼-JavaScript實用小函數一枚(深入對象取值)

適用場合描述

做web開發時使用JSON作為數據傳輸格式時，如果服務器端傳回的JSON數據對象層次嵌套過深。比如下面這段：

var data = {
    a: {
        b: {
            c: [123, 456, { 
                d: [789, "想要的數據"]
            }]
        }
    }
};

我如果想取出最內部d的第二個元素，通常會這么些寫：
data.a.b.c[2].d[1];
面對這么多"."心里總是膽戰心驚怦怦直跳的說。如果碰巧c里面沒有第二個元素，那等着吧，瀏覽器會毫不猶豫的給你個大紅X

---

此小函數或許會讓你恢復內心些許平靜

我的解決辦法

因為JavaScript中的對象字段存取可以像數組一樣用[]來做，那為何不把"data.a.b.c[2].d[1]"分割開來,一個一個遍歷用數組方式去取呢，取一個判斷一個，防止用空對象去去讀數據，所以萌生此法，請看代碼：

Object.prototype.TryGetValue = function (filedOrIndexExpression, 
                                                            defaultValue) {
    //解析得到的字段或數組下標數組
    var filedOrIndexs = [];
    //返回值
    var currentValue = this;
    //如果不是Object或者數組則直接返回
    if (this.constructor != Object
        && this.constructor != Array) {
        return currentValue;
    }
    //判斷屬性路徑參數
    if (typeof filedOrIndexExpression != "string") {
        throw new Error("路徑表達式必須是字符串！");
    }
    //分割出字段或數組下標
    filedOrIndexs = filedOrIndexExpression.split(".") || [];
    //遍歷字段或數組下標
    for (var i = 0; i < filedOrIndexs.length; i++) {
        var currentFiledOrIndex = filedOrIndexs[i];
        //如果等於默認值了，說明替換時已經無值可替換，已被設置為默認值
        //故返回默認值，退出函數
        if (currentValue === defaultValue) {
            return defaultValue;
        }
        //替換當前值
        currentValue = currentValue[currentFiledOrIndex] || defaultValue;
    }
    return currentValue;
};

此方法接受兩個參數，第一個是字段和數組下標的混合表達式，說白了就是用來"."分割的字符串，第二個參數是如果去不到數據時返回的默認值，如果不寫則為undefined。一開始的想法是字段和數組下標分開處理，被正則折磨了半天也沒有個結果來(分割[和]時)。突然覺得自己犯2了，，，都准備用數組方式取字段了，還區分個毛線。。。

DEMO和說明

//使用是不關你是數組還是字段，一律用"."表示
var mydata = data.TryGetValue("a.b.c.2.d.1", "");
alert(mydata); //彈出"想要的數據";

//由於最內部的數組沒有以2為下標的元素,故會返回默認值
mydata = data.TryGetValue("a.b.c.3.d.1", false);
alert(mydata); //彈出"false";

哈哈，大功搞成，再也不用怕某個對象為null而引起的異常了。有點遺憾的是[和]處理不好，使得第一個參數"a.b.c.2.d.1"看起來沒有"a.b.c[2].d[1]"更明了。會這個的指點下小弟。先謝謝了！