如何找到块数组中所有子数组的长度

Question

我试图建立一个滑块，它的工作方式需要我块我的初始数据到一个数组与较小的子数组，也得到每个子数组的长度。整个总长度。

我的数据来自WordPress，下面是我的块代码函数。

const chunkArray = (arr, value)=> {
const finalArray = [];
for(let i = 0; i < arr.length; i+=value){
finalArray.push(arr.slice(i, value + i))
}
return finalArray;
}

我从graphql查询中得到数组

const RockstarListCardContent = useStaticQuery(graphql`
query MyQuery {
allWpTeamMember {
nodes {
slug
acf {
field
firstName
fieldGroupName
fullName
subtitle
bioHeading
}
featuredImage {
node {
srcSet
localFile {
childImageSharp {
gatsbyImageData
}
publicURL
}
altText
}
}
}
}
}

`)

我可以像这样调用我的块数组函数:chunkArray(RockstarListCardContent.allWpTeamMember.nodes, 8)

我要做的是把每个子数组的长度变成一个总长度。假设来自wordpress的数据大约有40个，它被分成5个块，每个块有8个长度的子数组。如何从子数组中获得40个总数?

Answer 1

一种方法是使用数组的reduce函数。我们将初始值设置为0，然后逐个添加所有子数组的长度。

const result = chunkArray(RockstarListCardContent.allWpTeamMember.nodes, 8);
const totalLength = result.reduce((acc, subArr) => acc + subArr.length, 0);

Answer 2

从RockstarListCardContent.AllWpTeamMember.nodes.length中获取长度