如何过滤对象内的数组并返回其中包含最多项目的数组？答案

【问题标题】：how to filter arrays inside an object and return the array with the most items inside?如何过滤对象内的数组并返回其中包含最多项目的数组？
【发布时间】：2021-10-25 17:24:23
【问题描述】：

我正在开发一个通过 API 调用从第三方来源请求数据的应用。我的一个相关数据位于对象内的数组中。

这里的诀窍是，在某些调用中，我正在获取对象包含单个数组的数据，而在其他调用中，它包含多个数组。

我需要里面有最多项目的数组的数据。

在大多数情况下，对象内部包含 2 个数组 - 在这种情况下，我的代码运行良好，我可以过滤我的相关数组，大多数情况下它是第二个数组 - array[1]。

但是当该对象内部包含一个数组时 - 这就是我努力获取数据的地方。

（数组名称是我得到的每个 JSON 中的随机数，所以我需要一个通用的解决方案）。

这里是例子

object{

 "154987" [150 items],
 "754896" [13 items],
 "265489" [11 items]

}

到目前为止，这是我的代码中的内容，但不能仅使用单个数组

   function getCurrentBsrByObjectKeyIndex(index) {
      product.bsrObjectKey = (Object.keys(asinData.products[0].salesRanks)[index]);
      product.bsrHistory = asinData.products[0].salesRanks[product.bsrObjectKey];
      product.currentBsr = product.bsrHistory[product.bsrHistory.length-1];
    }
    function correctBsrObjectKey() {
      getCurrentBsrByObjectKeyIndex(1);
      if (product.bsrHistory.length < 15){
        getCurrentBsrByObjectKeyIndex(0);
      }
    }
    correctBsrObjectKey();

【问题讨论】：

不需要 OP 的示例代码，因为 1st) OP 正在寻找一种通用方法，2nd) 代码与提供的伪代码数据结构没有丝毫关系。 @Timmy ...请相应地编辑Q；去掉最后一句和代码示例。

标签： javascript arrays filtering javascript-objects

【解决方案1】：

方法如下。

使用Object.values 直接访问所有对象第一级数组的列表（数组）
通过Array.prototype.reduce迭代列表/数组
- reducer 或回调函数总是比较两个值，第一个参数由回调之前的迭代传递作为最大长度的后一个数组，第二个参数是当前迭代步骤的数组。
- 然后该函数比较两个数组并返回（返回到下一次迭代中）最大长度的新的或旧的（取决于比较）数组。
- 使用reduce 还可以免费获得一些默认行为...
  
  If the array only has one element (regardless of position) and no initialValue is provided, or if initialValue is provided but the array is empty, the solo value will be returned without calling callbackFn.

function getArrayOfMaximumLength(obj) {
  return Object
    .values(obj)
    .reduce((maxArr, arr) =>
      // this implementation breaks at
      // an entirely emtpy `values` array

      ((maxArr.length > arr.length) && maxArr) || arr

      // // this implementation does never break but always
      // // at least returns an empty array ... [] ...
      // // which might unwantedly shadow the consumption of
      // // broken data structures
      //
      // ((maxArr.length > arr.length) && maxArr) || arr, []
    );
}

const sample_1 = {
  "754896": ['foo', 'bar', "baz"],
  "154987": ['foo', 'bar', "baz", "biz", "buz"],
  "265489": ['foo'],
};
const sample_2 = {
  "265489": ['foo'],
  "754896": ['foo', 'bar', "baz"],
};
const sample_3 = {
  "754896": ['foo', 'bar', "baz"],
};
const invalid_sample = {};

console.log(
  'getArrayOfMaximumLength(sample_1) ...',
  getArrayOfMaximumLength(sample_1)
);
console.log(
  'getArrayOfMaximumLength(sample_2) ...',
  getArrayOfMaximumLength(sample_2)
);
console.log(
  'getArrayOfMaximumLength(sample_3) ...',
  getArrayOfMaximumLength(sample_3)
);
console.log(
  'getArrayOfMaximumLength(invalid_sample) ...',
  getArrayOfMaximumLength(invalid_sample)
);

.as-console-wrapper { min-height: 100%!important; top: 0; }

【讨论】：

谢谢！代码现在是动态的并且运行良好
@Timmy ... 不是动态的 ... 该代码实现了一种针对指定问题的通用方法。

【解决方案2】：

var object = {
    "154987": [1, 2, 3],
    "754896": [1, 2],
    "265489": [5, 4, 3, 2, 1, 2, 4, 5]
}
var keys = Object.keys(object);
var highestArray = [];
for (var i = 0; i < keys.length; i++) {
    var obj = object[keys[i]];
    if (Array.isArray(obj) && obj.length > highestArray.length)
        highestArray = obj;
}
console.log(highestArray);

从您的对象中获取所有属性名称。然后遍历它以找到其中项目数最多的数组。

【讨论】：