动态地向 JSON 子数组添加值？答案

【问题标题】：Adding value to JSON child array dynamically?动态地向 JSON 子数组添加值？
【发布时间】：2013-02-21 05:14:42
【问题描述】：

我正在尝试实现如图所示的过滤器。我正在使用 Angular JS 框架，JQuery。

要求是，我有复选框过滤器，如应用程序名称、状态等。在选择应用程序或状态时，我需要动态创建一个 JSON，如下所示。 “filterValues”中的值应根据复选框值自动添加或删除。

我将根据json值查询数据库并获取结果并显示。

我正在构建如下的复选框：

<div class="row-fluid">
<div ng-repeat="status in keywords.kw_Status">
    <label class="checkbox">
        <input type="checkbox" value="{{status}}" ng-model="isChecked" ng-change="change('Status','txt_Status',status,isChecked)">{{status}}
    </label>
</div>

对应的控制器代码如下

$scope.change=function(filterCategory, filterField, filterValue, filterAdd){
$scope.filters[filterCategory]={"filterField":filterField,"filterValues":[filterValue]};
console.log($scope.filters);

}

非常感谢任何帮助！

{
"Region": {
    "filterField": "kw_Region",
    "filterValues": [
        "aa",
        "bb"
    ]
},
"ApplicationName": {
    "filterField": "kw_ApplicationName",
    "filterValues": [
        "aa",
        "bb"
    ]
},
"IssueType": {
    "filterField": "kw_IssueType",
    "filterValues": [
        "aa",
        "bb"
    ]
},
"Outage": {
    "filterField": "kw_Outage",
    "filterValues": [
        "aa",
        "bb"
    ]
},
"Priority": {
    "filterField": "kw_Priority",
    "filterValues": [
        "aa",
        "bb"
    ]
}

}

【问题讨论】：

除了你想要的，还分享你到目前为止尝试过的......
你将需要使用 push() 和 slice() - JavaScript Array reference

标签： javascript jquery json algorithm angularjs

【解决方案1】：

“filterValues”中的值应根据复选框值自动添加或删除。

使用 JSON.stringify 和一个替换回调来实现：

function replacer(match, offset, fullstring)
  {
  return replacer.str;
  }

replacer.str = "\u0022filterValues\u0022:[\u0022hi\u0022,\u0022bye\u0022]"; /* Use DOM node value */

var foo = JSON.stringify({
"Region": {
    "filterField": "kw_Region",
    "filterValues": [
        "aa",
        "bb"
    ]
},
"ApplicationName": {
    "filterField": "kw_ApplicationName",
    "filterValues": [
        "aa",
        "bb"
    ]
},
"IssueType": {
    "filterField": "kw_IssueType",
    "filterValues": [
        "aa",
        "bb"
    ]
},
"Outage": {
    "filterField": "kw_Outage",
    "filterValues": [
        "aa",
        "bb"
    ]
},
"Priority": {
    "filterField": "kw_Priority",
    "filterValues": [
        "aa",
        "bb"
    ]
}
}).replace(/"filterValues[^\]]+./g, replacer)

【讨论】：