<template>
<div class="box"></div>
</template>
<script>
export default {
name: "",
components: {},
props: {},
data() {
return {};
},
filters: {},
computed: {},
watch: {},
created() {
let arr = [
{
id: "1",
name: "01",
},
{
id: "2",
name: "02",
},
{
id: "3",
name: "03",
},
{
id: "4",
name: "04",
},
];
// 数组容器
let arrBox = [];
// 新数组
let newArr = this.group(arrBox, arr, 2); // 数组容器 数组 长度
console.log(newArr)
},
mounted() {},
beforeDestroy() {},
methods: {
grouping(newArr, arr, num) {
if (arr.length > 0) {
if (arr.length > num) {
//arr 长度大于 分组数
newArr.push(arr.splice(0, num)); // 分组
this.grouping(newArr, arr, num); // 递归
} else {
// 长度不够一组,剩余为一组
newArr.push(arr.splice(0, arr.length));
}
}
return newArr;
},
},
};
</script>
<style scoped lang="less">
</style>
vue js 数组根据规定长度分组
于 2023-06-27 14:59:17 首次发布