如何在对象数组中“扩展”子数组

Question

这是我的对象数组

[{
    "key1": "value1",
    "key2": "value2",
    "key3": ["value3", "value4"]
}]

结果应该是这样的

[{
    "key1": "value1",
    "key2": "value2",
    "key3": "value3"
}, {
    "key1": "value1",
    "key2": "value2",
    "key3": "value4"
}]

所以我想摆脱属性key3中的子数组并获得新的等效结构，复制所有其他属性。

由于我无法改变的原因，我应该使用lodash，但仅限于版本2.4.2

编辑：更详细：我使用基于JSON的表单引擎，允许使用现有的函数（如lodash函数），但不允许定义新的函数。我也不能使用像for循环这样的控制结构。基本上我只能使用链接的基本函数调用，包括lodash。

我试图使用map，但是map不能扩展数组，它只能将一个数组元素转换成不同的数组

我可以在这里使用任何lodash魔法吗？

编辑2：这是一个关于我说“我不能介绍新功能”的意思的例子。它将检查对象数组是否对于某个属性子集是唯一的

model = [{
    "key1": "value1",
    "key2": "value2",
    "key3": "valuex"
},{
    "key1": "value1",
    "key2": "value2",
    "key3": "valuey"
}]

// will give false because the two objects are not unique regarding the combination of "key1" and "key2"
_.uniq(model.map(_.partialRight(_.pick, ["key1", "key2"])).map(JSON.stringify)).length === model.length

Answer 1

嗯，这是一个挑战！我有一个工作解决方案，涵盖了我能想到的所有情况，但如果我错过了一个情况，请告诉我。

---

我的一般方法从最后开始，我知道我将使用_.zipObject来创建结果对象。从那里，只是让其他属性与必要的key3值对齐。为此，我只需复制属性值，使key3的每个值都有自己的副本。接下来，我将它们链接起来并创建对象。最后，我过滤掉任何不必要的对象副本。

注意：对于undefined中的key3元素，此方法无法正常工作。我认为这是一种不太可能的情况，因此没有试图解决。

---

可以理解的版本：

const objects = [{
    "key1": "value1",
    "key2": "value2",
    "key3": ["value3", "value4"]
},
{
    "key1": "value5",
    "key2": "value6",
    "key3": ["value7"]
}];

// Get other key names
const otherKeys = _.without(_.keys(objects[0]), "key3");
// Get values without key3
const otherValues = _.map(_.map(objects, _.partialRight(_.omit, "key3")), _.values);
// Get just key3 values
const onlyKey3 = _.map(objects, "key3");

// Generate dummy range of needed length
const maxLengthKey3 = _.max(_.map(onlyKey3, "length"));
const dummyRange = _.range(maxLengthKey3);

// Grow all arrays to needed length
const newOtherValues = _.flatten(_.map(dummyRange, _.partial(_.identity, otherValues)), true);
const newKey3 = _.flatten(_.map(dummyRange, _.partial(_.map, onlyKey3)));

const pairedValues = _.map(_.zip(newOtherValues, newKey3), _.flatten);
const resultObjects = _.map(pairedValues, _.partial(_.zipObject, _.union(otherKeys, ["key3"])));

// Filter out unnecessary objects
const result = _.filter(resultObjects, "key3");

全部在一行：

const objects = [{
    "key1": "value1",
    "key2": "value2",
    "key3": ["value3", "value4"]
},
{
    "key1": "value5",
    "key2": "value6",
    "key3": ["value7"]
}];
// One line
const result = _.filter(_.map(_.map(_.zip(_.flatten(_.map(_.range(_.max(_.map(_.map(objects, "key3"), "length"))), _.partial(_.identity, _.map(_.map(objects, _.partialRight(_.omit, "key3")), _.values))), true), _.flatten(_.map(_.range(_.max(_.map(_.map(objects, "key3"), "length"))), _.partial(_.map, _.map(objects, "key3"))))), _.flatten), _.partial(_.zipObject, _.union(_.without(_.keys(objects[0]), "key3"), ["key3"]))), "key3");

---

性能：

我希望它对于一个大的初始数组或者一个很长的key3来说是可怕的。我对单行版本特别不寒而栗。如果有人抱怨，我会指出这是由执行环境的限制引起的。

---

这是通过https://npm.runkit.com/lodash在浏览器中使用var _ = require('lodash@2.4.2');测试的

Answer 2

let obj = {
    key1: "value1",
    key2: "value2",
    key3: ["value3", "value4"]
}

let tracker = new Array(obj.key3.length)

let newObjArr = []

for (let i = 0; i < tracker.length; i++) {
  newObjArr.push({
    key1: obj.key1,
    key2: obj.key2,
    key3: obj.key3[i]
  })
}

console.log(newObjArr)

Answer 3

这是使用vanilla JS的解决方案

let array = [{
    "key1": "value1",
    "key2": "value2",
    "key3": ["value3", "value4"]
}, {
    "key1": "value5",
    "key2": "value6",
    "key3": ["value7", "value8"]
}, ]

const result = array.reduce((final, item) => {
    for (let i = 0; i < item.key3.length; i++) {
        final.push(Object.assign({}, item, {
            "key3": item.key3[i]
        }))
    }
    return final;
}, []);

console.log(result);

如果你要使用lodash，我认为相当于：

const _ = require('lodash')
const result = _.reduce(array, (final, item) => {
    _.forEach(item.key3, (key3Val) => {
        final.push(Object.assign({}, item, {
            "key3": key3Val
        }))
    })
    return final;
}, []);

Answer 4

var model = [{
  "key1": "value1",
  "key2": "value2",
  "key3": ["value3", "value4"]
}];

model = _.flatten(_.forEach(model, function(x) {
  _.forEach(x.key3, function(y, i) {
    x.key3[i] = {
      "key1": x["key1"],
      "key2": x["key2"],
      "key3": y
    }
  });
}), "key3");

console.log(model);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.2/lodash.min.js"></script>