ES6语法翻译Lodash计划：数组篇第1期

JowayYoung

发布于 2020-04-01 17:01:41

4490

发布于 2020-04-01 17:01:41

文章被收录于专栏：JowayYoung谈前端JowayYoung谈前端

计划

ES6语法翻译Lodash计划是本人为自己制定的半年Flag?。

目的是使用ES6语法实现Lodash的单个函数功能，每次分享两个Lodash函数的翻译，涉及到Lodash的类型、字符、数值、数组、对象、函数、集合和工具?。

使用ES6语法翻译Lodash的过程中，有些函数会在ES5语法中存在原型参照，有些比较复杂的函数会翻译成简洁版函数，有些函数可能存在翻译不完整的问题?。

我在自己掘金博客『JowayYoung』(快点关注哟)的沸点列表下每天提前更新，然后收集各位大神们在评论下的方案，供大家一起学习！

Chunk函数

功能：分割数组
描述：将数组分割成多个指定长度的区块，返回由区块组成的新数组

在线演示

其他大神贡献的方案

function Chunk1(array = [], size = 1) {
    return array.length ? [array.slice(0, size), ...Chunk1(array.slice(size), size)] : [];
}

function Chunk2(array = [], size = 1) {
    return array.reduce((t, c) => { t[t.length - 1].length === size ? t.push([c]) : t[t.length - 1].push(c); return t; }, [[]]);
}

function Chunk3(array = [], size = 1) {
    return Array.from({ length: Math.ceil(array.length / size) }, (v, i) => array.slice(i * size, i * size + size));
}

function Chunk4(array = [], size = 1) {
    return array.reduce((t, c) => {
        const last = t[t.length - 1];
        last && last.length < size ? last.push(c) : t.push([c]);
        return t;
    }, []);
}

备注：大神们都挺厉害的，都是一个嵌套就搞掂，我学到了