如何在jquery中更改json的属性文本？

Question

我正在尝试更改我的 json 对象的属性名称 /attr 名称。我尝试这样做，但什么都不会改变。我需要在看到输入 json 后制作 json 对象并将其转换为 outjson

function changeData(data){
    var title;
    for(var i = 0; i < data.length; i++){
        if(data[i].hasOwnProperty("displayName")){
            data[i]["label"] = data[i]["displayName"];
            delete data[i]["displayName"];
        }
        if(data[i].hasOwnProperty("displayDetail")){
            data[i]["title"] = data[i]["displayDetail"];
            delete data[i]["displayDetail"];
        }
        if(data[i].hasOwnProperty("inputType")){
            if(data[i]["inputType"]=="NUMBER"){
                data[i]["type"]="number"
            }else  if(data[i]["inputType"]=="TEXT"){
                data[i]["type"]="text"

            }else if(data[i]["inputType"]=="SWTICH"){
                data[i]["type"]="select"
            }
            delete data[i]["inputType"];
        }


    }
    console.log(data);
}

Answer 1

试试这个 - 可以通过创建一个从原始值到新值的小型查找表来删除 if 对 inputType 的选择：

function changeData(data) {

    var map = { NUMBER: "number", TEXT: "text", SWITCH: "select" };

    // data is an object - use for .. in to enumerate
    for (var key in data.input) {
        var e = data.input[key];   // alias for efficient structure dereferencing
        e.label = e.displayName;
        e.title = e.displayDetail;
        e.type = map[e.inputType];

        delete e.displayName;
        delete e.displayDetail;
        delete e.inputType;
    }
};

现在真的不需要 hasOwnProperty 测试 - 仅当您认为有人不安全地添加到 Object.prototype 有任何风险时才使用它。 jQuery 没有它就可以很愉快地管理，其他现代代码也应该这样做。

如果字段名称的映射不再存在，我会考虑使用另一个映射表和另一个循环来删除硬编码的复制/删除对。

Answer 2

我有一个很好的递归函数：

用法：

                                                // replace list
var replacedObj = replaceAttrName(sourceObject, {foo: 'foooo', bar: 'baaar'});

所以在你的情况下你可以很容易地做到：

var newObj = replaceAttrName(json, {displayDetail: 'title', displayName: 'label', inputType: 'type'});

演示：http://jsfiddle.net/h1u0kq67/15/

功能是：

function replaceAttrName(sourceObj, replaceList, destObj) {
    destObj = destObj || {};
    for(var prop in sourceObj) {
        if(sourceObj.hasOwnProperty(prop)) {
            if(typeof sourceObj[prop] === 'object') {
                if(replaceList[prop]) {
                    var strName = replaceList[prop];
                    destObj[strName] = {};
                    replaceAttrName(sourceObj[prop], replaceList, destObj[strName]);
                } else if(!replaceList[prop]) {
                    destObj[prop] = {};
                    replaceAttrName(sourceObj[prop], replaceList, destObj[prop]);
                }
            } else if (typeof sourceObj[prop] != 'object') {
                if(replaceList[prop]) {
                    var strName = replaceList[prop];
                    destObj[strName] = sourceObj[prop];
                } else if(!replaceList[prop]) {
                    destObj[prop] = sourceObj[prop];
                }
            }
        }
    } 
    return destObj;
}

Answer 3

如果我说对了，你只需要替换：

• displayDetail => 标题

• displayName => 标签

• inputType => 类型。

我想出了以下内容：

function changeData(data){
    return JSON.parse(JSON.stringify(data).replace(/displayDetail/g, "title").replace(/displayName/g, "label").replace(/inputType/g, "type"));
}

这是Fiddle 玩。

编辑：我忘记了“NUMBER”、“TEXT”和“SWITCH”的替换。

function changeData(data){
    return JSON.parse(JSON.stringify(data).replace(/displayDetail/g, "title").replace(/displayName/g, "label").replace(/inputType/g, "type").replace(/TEXT/g, "text").replace(/NUMBER/g, "number").replace(/SWITCH/g, "switch"));
}