如何在AngularJS中移除JSON对象指定键值并保存修改结果？

没问题！在AngularJS里实现这个JSON过滤需求其实很简单，我给你分享几个实用的方案，你可以根据自己的场景来选：

方法一：手动遍历保留所需键值对 #

如果你只需要一次性处理这个逻辑，直接在API响应的回调里手动处理是最直接的方式：

// 假设在你的AngularJS控制器中发起请求
app.controller('DataProcessingCtrl', function($http, $scope) {
  $http.get('/your-api-url')
    .then(function(response) {
      const rawData = response.data;
      
      // 遍历ABC数组，只保留需要的键值对
      rawData.ABC = rawData.ABC.map(item => {
        return {
          Count: item.Count,
          Storage: item.Storage
        };
      });
      
      // 处理后的结果可以存在$scope或者服务中供后续使用
      $scope.processedJson = rawData;
    });
});

这种方式的好处是直观，代码量少，适合你这种明确知道要保留哪些字段的场景。

方法二：封装可复用的AngularJS过滤器 #

如果这个过滤逻辑需要在多个控制器或者模板中复用，把它封装成AngularJS的自定义过滤器会更方便维护：

// 注册一个自定义过滤器
app.filter('cleanAbcItems', function() {
  return function(inputArray) {
    // 先判断输入是否为数组，避免报错
    if (!angular.isArray(inputArray)) return inputArray;
    
    return inputArray.map(item => {
      return {
        Count: item.Count,
        Storage: item.Storage
      };
    });
  };
});

// 在控制器中使用这个过滤器
app.controller('DataProcessingCtrl', function($http, $scope, $filter) {
  $http.get('/your-api-url')
    .then(function(response) {
      const rawData = response.data;
      // 调用过滤器处理ABC数组
      rawData.ABC = $filter('cleanAbcItems')(rawData.ABC);
      $scope.processedJson = rawData;
    });
});

封装成过滤器后，你甚至可以直接在模板中使用它，比如{{ rawData.ABC | cleanAbcItems }}。

方法三：基于排除列表过滤键值对 #

如果你更倾向于指定要移除的键（而不是保留的键），可以写一个通用的过滤函数：

// 定义需要排除的键列表
const excludedKeys = ['$id', 'ID', 'Order', 'Delay', 'Groups', 'Name'];

// 通用过滤函数
function filterUnwantedKeys(item) {
  const filteredItem = {};
  Object.keys(item).forEach(key => {
    if (!excludedKeys.includes(key)) {
      filteredItem[key] = item[key];
    }
  });
  return filteredItem;
}

// 在控制器中应用过滤
app.controller('DataProcessingCtrl', function($http, $scope) {
  $http.get('/your-api-url')
    .then(function(response) {
      const rawData = response.data;
      rawData.ABC = rawData.ABC.map(filterUnwantedKeys);
      $scope.processedJson = rawData;
    });
});

这种方式适合后续需要调整排除字段的场景，只需要修改excludedKeys数组即可。

这些方法都是AngularJS项目里常用的处理方式，你可以直接套用在你的请求处理逻辑里，处理完后把修改后的结果存在$scope或者AngularJS服务中，就能供后续业务使用啦～

内容的提问来源于stack exchange，提问作者WhoAmI