如何用JavaScript统计二维数组总元素个数（预期结果为3）

嘿，我懂你的困扰了！你定义的count是个嵌套数组——外层是一个只包含1个元素的数组，而这个元素本身又是一个有3个字符串的数组。直接用count.length只会返回外层数组的元素数（也就是1），这就是你拿不到正确结果的原因。

下面给你几种实用的解决办法，从适合当前场景的简单方案到能应对更复杂嵌套的通用方案都有：

方案1：直接访问内层数组的长度 #

如果你的数组结构固定就是“外层只有一个内层数组”，那最简单的方式就是直接取外层数组的第一个元素，再获取它的长度：

var count = [["test1.img","test2.img","test3.img"]];
var totalElements = count[0].length;
console.log(totalElements); // 输出: 3

这个方法快又直接，完全适配你现在的数组结构。

方案2：遍历累加（通用型，支持多内层数组） #

要是以后你的数组可能变成多个内层数组的情况（比如[["a","b"], ["c"], ["d","e"]]），那用遍历累加的方式更稳妥：

var count = [["test1.img","test2.img","test3.img"]];
var total = 0;

for (let item of count) {
  // 先判断当前元素是不是数组
  if (Array.isArray(item)) {
    total += item.length;
  } else {
    // 如果不是数组，说明是单个元素，直接加1
    total += 1;
  }
}

console.log(total); // 输出: 3

这种方法不管外层数组有多少个内层元素，都能正确统计总数量。

方案3：用reduce函数简化代码（函数式风格） #

如果你偏爱更简洁的写法，可以用数组的reduce方法来实现：

var count = [["test1.img","test2.img","test3.img"]];
var total = count.reduce((accumulator, currentItem) => {
  return accumulator + (Array.isArray(currentItem) ? currentItem.length : 1);
}, 0);

console.log(total); // 输出: 3

reduce会遍历外层数组的每一项，把每一项的长度（如果是数组）或者1（如果是单个元素）累加到初始值0上，最终得到总元素数。

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