没有库，只有原生JS：

Question

我有一个包含对象的3D数组：

[
    [{ id: 1 }, { id: 2 }],
    [{ id: 3 }],
    [{ id: 3 }, { id: 4 }]
]

如何展平它，包括删除重复的id参数？

[{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }]

我认为下划线会对此有所帮助

Answer 1

var a = [
    [{ id: 1 }, { id: 2 }],
    [{ id: 3 }],
    [{ id: 3 }, { id: 4 }]
];

var flattened = _(a).flatten().uniq('id').value();

当然，您必须在网页中加入lodash。

Answer 2

您可以使用_.flatten和_.uniq，如此

＆＃13;

var data = [
    [{ id: 1 }, { id: 2 }],
    [{ id: 3 }],
    [{ id: 3 }, { id: 4 }]
];

var result = _.uniq(_.flatten(data), function (el) {
    return el.id;
});

console.log(result);

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

＆＃13;

Answer 3

您可以使用下划线flatten和unique来完成此操作。但是，无论何时使用多个下划线操作，现在都是考虑将underscore chainging与chain和value一起使用的好时机：

var data = [
    [{ id: 1 }, { id: 2 }],
    [{ id: 3 }],
    [{ id: 3 }, { id: 4 }]
];

var result = _.chain(data)
                  .flatten()
                  .uniq(function(o) {
                      return o.id;
                   })
                  .value();

console.log('result', result);

JSFiddle：http://jsfiddle.net/0udLde0s/3/

目前的Underscore.js

更短

如果您使用最新版本的Underscore.js（我现在尝试使用当前的1.8.3版本），您可以使用.uniq('id')，这样可以缩短它：

var result = _.chain(data)
                  .flatten()
                  .uniq('id')
                  .value();

Answer 4

你不需要任何库，这很简单：

function flatten(arr)
{
  var map = {};
  var flatArray = [];
  function pushToMap(o) {
    if(map[o.id])
      return;
  
    map[o.id] = true;
    flatArray.push(o);
  }
  function arrRecurse(a) {
    if(a.length === undefined)
      pushToMap(a);
    else {
      a.forEach(function(i) {
        arrRecurse(i);
      });
    }
  }

  arrRecurse(arr);
  return flatArray;
}

var _3dArray = [
    [{ id: 1 }, { id: 2 }],
    [{ id: 3 }],
    [{ id: 3 }, { id: 4 }]
];

alert(JSON.stringify(flatten(_3dArray)));

Answer 5

没有库，只有原生JS：

＆＃13;

var ar = [
  [{ id: 1 }, { id: 2 }],
  [{ id: 3 }],
  [{ id: 3 }, { id: 4 }]
];

//start
var output = [];
for (var x = 0, al = {}; x < ar.length; x++)
  for (var y = 0, t = ar[x][y]; y < ar[x].length; y++, t = ar[x][y])
      al[t.id] = (!al[t.id]) ? output.push(t) : 1;
//end

document.body.innerHTML += JSON.stringify(output);

＆＃13;

将包含对象的3D数组展平为2D，通过它的参数删除重复的对象

5 个答案:

没有库，只有原生JS：