如何从Javascript中的现有对象创建新对象？

使用JavaScript应用程序，需要帮助根据从ajax调用收到的响应创建一个新对象。如何从Javascript中的现有对象创建新对象？

接收到的输出对象的数组，示例如下格式：

{ 
    "items": [ 
    { 
     "id": "02egnc0eo7qk53e9nh7igq6d48", 
     "summary": "Learn to swim", 
     "start": { 
     "dateTime": "2017-03-04T19:00:00+05:30" 
     } 
    }   

] 
}

然而，我的组件需要JS对象的格式如下：

{ 
id: "e1", 
title: "Express", 
start: "Jan 13, 2010", 
description: "Jan 13, 2010" 
}

是下面的方法是正确的，请建议更好的方法，如果有的话

var content = { 
 
    "items": [{ 
 
     "id": "02egnc0eo7qk53e9nh7igq6d48", 
 
     "summary": "Learn to code", 
 
     "start": { 
 
      "dateTime": "2017-03-04T19:00:00+05:30" 
 
     } 
 
     } 
 
     } 
 
    }; 
 
    var gcalEvents = {}; 
 
    var jsonObj = { 
 
     "id": "e1", 
 
     "title": "Oracle Application Express", 
 
     "start": "Jan 13, 2010", 
 
     "description": "Jan 13, 2010" 
 
    }; 
 

 
    console.log(content.items.length); 
 
    for (var index = 0; index < content.items.length; index++) { 
 
     var obj = content.items; 
 
     console.log(obj); 
 

 
     jsonObj.id = obj[index]["id"]; 
 
     jsonObj.title = obj[index].summary; 
 
     jsonObj.start = obj[index].start.dateTime; 
 
     jsonObj.description = ""; 
 
     console.log(jsonObj); 
 
     gcalEvents[index] = jsonObj; 
 
    } 
 
    console.log(gcalEvents);

来源

2017-03-10 RDX

JSON是用于数据交换的*文本记法*。（HTTP [（更多。）]：//计算器。com/a/2904181/157247）如果你正在处理JavaScript源代码，而不是处理*字符串*，那么你不会处理JSON。当你做上述事情时，你只是在处理对象，而不是JSON。 –

你的输入是一个包含两个对象的数组。您显示的所需输出是单个对象。你的意思是你需要一系列的吗？ –

你如何定义标题？应该输出什么？你如何定义ID？你如何定义描述？所有对象都是一样的？ – Weedoze

你可以采取一个更实用的方法有以下：

var parsed = content.items.map(function (item) { 
    return { 
     id: item.id, 
     title: item.summary, 
     start: item.start.dateTime, 
     description: item.start.dateTime 
    } 
})

这将使用归因与数组遍历数组的每个项目地图和方法返回一个新的解析对象数组。请参阅fuller example。

来源

2017-03-10 09:57:51

下面是固定代码：一个错误是当您列出内容项时，最后缺少“]”。第二个是你试图给一个未定义的对象赋值，你首先需要定义这个对象，例如：jsonObj = {};，然后进行赋值。我更喜欢一次性完成对象的定义和赋值。

为了使输出为一个数组，你只需要定义保藏中心作为一个数组，而不是我的对象如：var gcalEvents = []

var content = { 
 
    "items": [ 
 
    { 
 
     "id": "02egnc0eo7qk53e9nh7igq6d48", 
 
     "summary": "Learn to code", 
 
     "start": { 
 
     "dateTime": "2017-03-04T19:00:00+05:30" 
 
     } 
 
    }, 
 
    { 
 
     "id": "nj4h567r617n4vd4kq98qfjrek", 
 
     "summary": "Modern Data Architectures for Business Insights at Scale Confirmation", 
 
     "start": { 
 
     "dateTime": "2017-03-07T11:30:00+05:30" 
 
     } 
 
    } 
 
    ] 
 
}; 
 
       var gcalEvents = []; 
 
       var jsonObj = { 
 
        "id": "e1", 
 
        "title": "Oracle Application Express", 
 
        "start": "Jan 13, 2010", 
 
        "description": "Jan 13, 2010" 
 
       }; 
 
       
 
       //console.log(content.items.length); 
 
       for(var index=0; index < content.items.length; index++){      
 
        var obj = content.items[index]; 
 
        //console.log(obj); 
 
        
 
        jsonObj = { 
 
         'id': obj["id"], 
 
         'title': obj.summary, 
 
         'start': obj.start.dateTime, 
 
         'description': "" 
 
        } 
 
        //console.log(jsonObj); 
 
        gcalEvents[index] = jsonObj; 
 
       } 
 
       console.log(gcalEvents);

来源

2017-03-10 09:35:52

你也想解释一下你修好了什么。如果你想要它（至少看起来像一个）很好的答案，加上修复缩进。 – dfsq

这也不会产生一个数组。 OP说（在评论中）结果应该是一个数组。 –

var jsonObj=[]; 
for (var index = 0; index < content.items.length; index++) { 
    var obj = {}; 
    console.log(obj); 
    obj["id"]=content.items[index].id; 
    obj["title"]=content.items[index].summary; 
    obj["start"]=content.items[index].start.dateTime; 
    obj["description"]=""; 
    jsonObj.push(obj); 
    console.log(jsonObj); 
    //gcalEvents[index] = jsonObj; 
}

这会给你jsonObj作为你想要的json对象。

希望这有助于:)

来源

2017-03-10 09:40:32

我有另一种方法来转换此内容。使用Underscore.js使代码更具可读性。这里是例子：

var content = { 
 
    "items": [{ 
 
     "id": "02egnc0eo7qk53e9nh7igq6d48", 
 
     "summary": "Learn to code", 
 
     "start": { 
 
      "dateTime": "2017-03-04T19:00:00+05:30" 
 
     } 
 
    }, { 
 
     "id": "nj4h567r617n4vd4kq98qfjrek", 
 
     "summary": "Modern Data Architectures for Business Insights at Scale Confirmation", 
 
     "start": { 
 
      "dateTime": "2017-03-07T11:30:00+05:30" 
 
     } 
 
    }] 
 
}; 
 
var result = _.map(content.items, function(item) { 
 
    return { 
 
     id: item.id, 
 
     title: item.summary, 
 
     start: item.start.dateTime, 
 
     description: "" 
 
    }; 
 
}); 
 
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

结果如下：

[ 
    { 
    "id": "02egnc0eo7qk53e9nh7igq6d48", 
    "title": "Learn to code", 
    "start": "2017-03-04T19:00:00+05:30", 
    "description": "" 
    }, 
    { 
    "id": "nj4h567r617n4vd4kq98qfjrek", 
    "title": "Modern Data Architectures for Business Insights at Scale Confirmation", 
    "start": "2017-03-07T11:30:00+05:30", 
    "description": "" 
    } 
]

来源

2017-03-10 11:49:51

在核心，你正试图从一组数据到另一个的 '地图'。 Javascript的数组映射函数应该足够了。例如。

var content = { 
    "items": [{ 
    "id": "02egnc0eo7qk53e9nh7igq6d48", 
    "summary": "Learn to code", 
    "start": { 
     "dateTime": "2017-03-04T19:00:00+05:30" 
    } 
    }] 
}; 

var results = content.items.map(function (item) { 
    return { 
    id: item.id, 
    title: item.summary, 
    start: item.start.dateTime, 
    description: "" 
    }; 
}); 

console.log(results);

来源

2017-03-10 15:38:37

如何从Javascript中的现有对象创建新对象？

回答

相关问题