AngularJS中将JSON对象的字符串属性转换为布尔值

嘿，我来帮你搞定这个字符串转布尔值的需求！在AngularJS里处理这种场景其实挺简单的，给你几个实用的实现方法：

方法一：使用数组map方法（推荐，不修改原数据） #

如果不想改动原始数组的内容，用map遍历并生成新数组是最稳妥的方式，代码示例如下：

// 假设你的原始数据数组是originalArray
const convertedArray = originalArray.map(item => {
  // 用扩展运算符浅拷贝原对象（如果是复杂嵌套对象，推荐用angular.copy）
  const updatedItem = {...item};
  // 将字符串"true"/"false"转换为布尔值
  updatedItem.isSingle = updatedItem.isSingle === 'true';
  return updatedItem;
});

这里的关键是严格相等判断：只有当isSingle的值是字符串"true"时才转成布尔true，其他情况（包括"false"）都会变成false，完全符合你的需求。

方法二：用forEach直接修改原数组 #

如果你不需要保留原始数据，也可以直接遍历数组修改每个对象的属性：

angular.module('yourApp').controller('YourController', function($scope) {
  $scope.dataArray = [
    { "noFolder": "ASW3", "type": "T3", "creationDate": "05/07/2017", "isSingle": "true" },
    { "noFolder": "ASW4", "type": "T4", "creationDate": "06/07/2017", "isSingle": "false" }
  ];

  // 遍历转换属性类型
  $scope.dataArray.forEach(item => {
    item.isSingle = item.isSingle === 'true';
  });
});

要是对象有嵌套结构，记得用AngularJS自带的angular.copy()做深拷贝，避免意外修改原数据。

方法三：全局响应拦截器（API返回数据自动转换） #

如果这些数据是从后端API获取的，你可以配置一个$http拦截器，让所有返回的数组自动完成类型转换，不用每次手动处理：

angular.module('yourApp').config(function($httpProvider) {
  $httpProvider.interceptors.push(function() {
    return {
      response: function(response) {
        // 判断返回的数据是否是数组
        if (Array.isArray(response.data)) {
          response.data = response.data.map(item => {
            const newItem = angular.copy(item);
            // 只处理存在isSingle属性的对象
            if (newItem.hasOwnProperty('isSingle')) {
              newItem.isSingle = newItem.isSingle === 'true';
            }
            return newItem;
          });
        }
        return response;
      }
    };
  });
});

注意事项 #

别用Boolean(item.isSingle)来转换！因为字符串"false"会被Boolean()转成true，这和我们想要的结果完全相反，一定要用严格相等来判断是否等于字符串"true"。

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