如何将数组合并到 JSON 数组中

Question

我有一个 JSON 文件，我需要在其中添加评论，然后更新该文件。我为新评论创建了一个数组

//ADDING NEW COMMENTS
//add new comment within project
$scope.updatecomments = [];
$scope.addnewcomment = function() {
    $scope.updatecomments.push({
        "Author": "test",
        "Text": $scope.NewComment
    })
}

我可以 post 将新评论添加到 JSON 文件中，但它会覆盖过去的评论。我尝试将旧评论与新评论合并如下

$scope.updatecomments = [];
$scope.addnewcomment = function() {
    $scope.updatecomments.push({"Author": "test" ,"Text": $scope.NewComment}).concat($scope.Comments, $scope.updatecomments);
}

$scope.updatecomments = [].concat($scope.updatecomments, 
    $scope.projectDetails.Comments);
$scope.addnewcomment = function() {
    $scope.updatecomments.push({
        "Author": "test",
        "Text": $scope.NewComment
    });
}

我还尝试制作一个新函数，在调用时将两者组合在一起，然后 post 组合数组

$scope.combine = [];
$scope.combineComments = function (){
    var jsonStr = $scope.projectDetails.Comments;
    var obj = JSON.parse(jsonStr);
          
    obj['Comments'].push({"Author":"Test","Text":$scope.NewComment});
          jsonStr = JSON.stringify(obj);
    }
}

过去几天我一直在研究这个问题，但似乎无法理解。任何帮助将不胜感激！

编辑

JSON 文件中已有数据的示例数据

{
    "Comments":[{
        "Author": "John Doe", 
        "Text": "Work completed"
     }]
}

想要添加到此（来自 html 输入文本标签）存储为 NewComment

{
    "Comments":[{
        "Author": "Test",
        "Text": "Project flagged"
    }]
}

编辑 2 这就是我获取项目数据的方式

/FIND PROJECTS - ADD TO LIST
  $scope.projectList = [];
    for (var id = 0; id < 30; id++) {
      var targetURL = 'https://happybuildings.sim.vuw.ac.nz/api/sooleandr/project.'+id+'.json';
      $http.get(targetURL).then(
        function successCall(response){
          $scope.projectList.push(response.data);
        }
      );
    }

然后我用它来访问选定的信息

//script
$scope.showData = function(x){
 $scope.projectDetails = x;
 };
//html
<ul class = 'pList'>
   <li ng-repeat = 'x in projectList' class = 'pbList'>
     <button class = 'pbutton' ng-click = 'showData(x)'>
       <label ng-model ='pID'>Project ID: </label>{{x.ProjectID}} <br>
       <label id ='pName'>Project Name: </label> {{x.Name}} <br> 
       <label id ='bID'>Building ID: </label>{{x.BuildingID}}<br>
  <label id ='sDate'>Start Date: </label>{{x.StartDate}}
      </button>
    </li>
  </ul>

然后我有以下变量到post

$scope.updateProject = function (projectDetails){
  
  var updateproject = {
    "ProjectID":$scope.projectDetails.ProjectID,
    "Name":$scope.projectDetails.Name,
    "BuildingID":$scope.projectDetails.BuildingID,
    "StartDate":$scope.projectDetails.StartDate,
    "EndDate":$scope.projectDetails.EndDate,
    "Status":$scope.projectDetails.Status,
    "ContactPerson":$scope.projectDetails.ContactPerson,
    "Contractor":$scope.projectDetails.Contractor,
    "ProjectManager":$scope.projectDetails.ProjectManager,
    "Works": $scope.projectDetails.works,
    "Comments":$scope.updatecomments,
    };
    
    $http.post("https://happybuildings.sim.vuw.ac.nz/api/sooleandr/update.project.json", updateproject).then(
      function success(){
        alert("Project Successfully Posted");
        },
        function error(){
          alert("Error: Couldn't post to server");
        }
    )
};

它 post 非常好，但它目前覆盖了评论。我希望能够添加新评论并仍然保留所有过去的评论。所以我希望能够将评论 push/add 放入完整的 POST.JSON 数组中。希望这更有意义

Answer 1

好的，查看提供的代码后更新答案。

看起来您可能认为 $scope.projectDetails.Comments 是一个 JSON 字符串，而实际上...它是实际的 Comments 数组。

我会为 addnewcomment 函数尝试这个：

//ADDING NEW COMMENTS
//add new comment within project
$scope.updatecomments = undefined;
$scope.addnewcomment = function() {
    $scope.updatecomments = $scope.updatecomments || $scope.projectDetails.Comments;
    $scope.updatecomments.push({
        "Author": "test",
        "Text": $scope.NewComment
    })
}

IF 它恰好是一个 JSON 字符串（极不可能），那么我会将组合函数更新为：

$scope.combineComments = function (){
    var jsonStr = $scope.projectDetails.Comments;
    var obj = JSON.parse(jsonStr);
          
    obj.push({"Author":"Test","Text":$scope.NewComment});
          jsonStr = JSON.stringify(obj);
    }
}

编辑我正在添加我原来的另一个答案，因为当没有更新的评论时，事情可能会中断

//ADDING NEW COMMENTS
//add new comment within project
$scope.addnewcomment = function() {
  $scope.projectDetails.Comments.push({
        "Author": "test",
        "Text": $scope.NewComment
    })
}

然后在POST中改为：

"Comments":$scope.projectDetails.Comments

Answer 2

我想出了如何将两者结合起来

$scope.combinecomments = [];
   $scope.combine = function (){
     $scope.combinecomments.push($scope.projectDetails.Comments);
     $scope.combinecomments.push($scope.updatecomments);
   }

除了现在它不 post 合并评论

$scope.ProjectID='$scope.ProjectID';
    $scope.Name = '$scope.Name';
    $scope.BuildingID = '$scope.BuildingID';
    $scope.StartDate = '$scope.StartDate';
    $scope.EndDate = '$scope.EndDate';
    $scope.Status = '$scope.Status';
    $scope.ContactPerson = '$scope.ContactPerson';
    $scope.Contractor ='$scope.Contractor';
    $scope.ProjectManager = '$scope.ProjectManager';
    $scope.Works = '$scope.works';
    $scope.Comments ='$scope.comments';

$scope.updateProject = function (projectDetails){
  
  var updateproject = {
    "ProjectID":$scope.projectDetails.ProjectID,
    "Name":$scope.projectDetails.Name,
    "BuildingID":$scope.projectDetails.BuildingID,
    "StartDate":$scope.projectDetails.StartDate,
    "EndDate":$scope.projectDetails.EndDate,
    "Status":$scope.projectDetails.Status,
    "ContactPerson":$scope.projectDetails.ContactPerson,
    "Contractor":$scope.projectDetails.Contractor,
    "ProjectManager":$scope.projectDetails.ProjectManager,
    "Works": $scope.projectDetails.works,
    "Comments":$scope.combinecomments,
    };
    
    $http.post("https://happybuildings.sim.vuw.ac.nz/api/sooleandr/update.project.json", updateproject).then(
      function success(){
        alert("Project Successfully Posted");
        },
        function error(){
          alert("Error: Couldn't post to server");
        }
    )
};

它成功 post 除了评论之外的项目。它似乎不喜欢我的组合阵列。当我 post $scope.updatecomments 它会 post 而不是 $scope.combinecomments.

我会为此提出一个新问题。

如何将数组合并到 JSON 数组中

How to merge array into JSON array

javascript

arrays

json

angularjs