20

注意：我在 lodash 下提出了这个问题，因为我很确定它可以帮助我很好地解决这个问题，但我现在还没有把它放在首位

我有一个描述不同用户角色及其权限的对象；

我将定义“像这样”的 10-15 个角色（这并不反映应用程序代码，而是问题本身）：

    var role1 = {
    views: {
        v1: {access: true},
        v2: {access: false},
        v#: {access: false}
    }
}

var role2 = {
    views: {
        v1: {access: false},
        v2: {access: true},
        v3: {access: true},
    }
}

连接的用户将拥有多个角色；在该示例中，它可能是['role1', 'role2']，因此我需要构造一个permissions对象，该对象将是所有用户角色中定义的所有道具的组合。

它基本上是基于白名单的，所有“真”属性都应该覆盖任何被定义为假的东西。因此，预期的结果应该是：

permissions = {
    views: {
        v1: {access: true},
        v2: {access: true},
        v2: {access: true}
    }
}

我不太确定如何在不依赖疯狂嵌套循环的情况下解决这个问题

这是 JSBin 的起点：http://jsbin.com/usaQejOJ/1/edit?js, console

谢谢你的帮助！

4

2 回答 2

42

Lodash 有一些方法可以帮助优雅地解决这个问题。

首先，merge方法。它需要多个源对象，并递归地将它们的属性合并到一个目标对象中。如果两个对象具有相同的属性名称，则后者的值将覆盖前者。

这几乎就是我们想要的；它将您的角色对象合并为一个对象。我们不想要的是覆盖行为；我们希望true值总是覆盖false那些。幸运的是，您可以传入一个自定义合并函数，当两个对象具有相同的键时，lodashmerge将使用它来计算合并值。

我们将编写一个自定义函数以将OR您的项目逻辑地放在一起（而不是允许以后的false值覆盖trues.），因此如果任一值是true，则生成的合并值将是true.

因为我们的对象是嵌套的，所以我们需要确保我们的自定义合并函数只OR在比较布尔值时才这样做。在比较对象时，我们希望对它们的属性进行正常的合并（再次使用我们的自定义函数进行合并）。它看起来像这样：

function do_merge(roles) {

  // Custom merge function ORs together non-object values, recursively
  // calls itself on Objects.
  var merger = function (a, b) {
    if (_.isObject(a)) {
      return _.merge({}, a, b, merger);
    } else {
      return a || b;
    }
  };

  // Allow roles to be passed to _.merge as an array of arbitrary length
  var args = _.flatten([{}, roles, merger]);
  return _.merge.apply(_, args);
}

do_merge([role1, role2, role3]);

Lodash 以另一种方式提供帮助：您可能_.merge会从不接受将对象数组合并在一起的文档中注意到；您必须将它们作为参数传递。但是，在我们的例子中，数组会非常方便。

为了解决这个问题，我们将使用 JavaScript 的apply方法，它允许您通过将其参数作为数组传递来调用方法，以及 Lodash 的方便flatten方法，该方法接受一个可能包含嵌套数组的数组——比如[1, [2, 3], [4, 5]]——并将其展平为[1, 2, 3, 4, 5].

因此，我们将在 ed 数组中收集我们需要的所有参数flatten，然后将apply它们发送到merge!

如果您的对象嵌套非常非常深，您可能会merger像这样递归调用堆栈溢出，但是对于您的对象，这应该可以正常工作。

于 2014-01-17T21:30:35.683 回答
0

您可以改用_.assign、 _. map和_.pickBy进一步简化此操作。

下面显示的是一个改进的解决方案，只有三行。

// example data
const roles = [
  {
    name: 'role1',
    views: {
      v1: { access: true },
      v2: { access: false },
      v3: { access: false },
    },
  },
  {
    name: 'role2',
    views: {
      v1: { access: false },
      v2: { access: true },
      v3: { access: true },
    },
  },
];

// merge logic
const _ = require('lodash');
const roleViews = _.map(roles, role => _.pickBy(role.views, v => v.access));
const views = _.assign({}, ...roleViews);
const permissions = { views };

console.log(permissions);
于 2021-10-26T15:57:36.550 回答