首页 > 编程语言 >[Javascript] Chunk array

[Javascript] Chunk array

时间:2022-12-25 20:34:14浏览次数:36  
标签:const chunkSize Chunk Javascript start length array Array

Array.from() is a great way to chunk up arrays because of the secondary argument being a map function.

 

const hugeArray = Array.from({length: 76}, (_, i) => i)

function chunkify(array, chunkSize = 10) {
    const chunks = Array.from(
     {length: Math.ceil(array.length / chunkSize)},
     (_, i) => {
       const start = chunkSize * i;
       return array.slice(start, start + chunkSize)
     }
    )
    return chunks
}

console.log(chunkify(hugeArray))
/*
[
    [
        0,
        1,
        2,
        3,
        4,
        5,
        6,
        7,
        8,
        9
    ],
    [
        10,
        11,
        12,
        13,
        14,
        15,
        16,
        17,
        18,
        19
    ],
    [
        20,
        21,
        22,
        23,
        24,
        25,
        26,
        27,
        28,
        29
    ],
    [
        30,
        31,
        32,
        33,
        34,
        35,
        36,
        37,
        38,
        39
    ],
    [
        40,
        41,
        42,
        43,
        44,
        45,
        46,
        47,
        48,
        49
    ],
    [
        50,
        51,
        52,
        53,
        54,
        55,
        56,
        57,
        58,
        59
    ],
    [
        60,
        61,
        62,
        63,
        64,
        65,
        66,
        67,
        68,
        69
    ],
    [
        70,
        71,
        72,
        73,
        74,
        75
    ]
]
*/

 

标签:const,chunkSize,Chunk,Javascript,start,length,array,Array
From: https://www.cnblogs.com/Answer1215/p/17004529.html

相关文章

  • 教你用JavaScript实现文字动画
    欢迎来的我的小院,恭喜你今天又要涨知识了!案例内容利用JavaScript实现文字逐步展现的动画效果。演示学习<!DOCTYPEhtml><htmllang="en"><head><metacharse......
  • [Javascript] Destructuring array by using object syntax
    Sincearraysareobjects,wecandestructuretheirindexestoeasilygrabthefirstandlastitmesconstbikes=['bianchi','miele','miyata','benotto','pan......
  • [Javascript] Intl.Collator().compare
    The Intl.Collator objectenableslanguage-sensitivestringcomparison.console.log(['Z','a','z','ä'].sort(newIntl.Collator('de').compare));//expected......
  • 《初识Javascript》
    什么是JavaScript:JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言JavaScript的特点:向HTML页面中添加交互行为脚本语言,语法和Java类似解释性语......
  • 14个 JavaScript 代码优化技巧
    这篇文章列举了一些技巧,可帮助你写出更好的JavaScript代码,从而提高性能。JavaScript已经成为有史以来最受欢迎的编程语言之一。从W3Tech的数据来看,全世界将近96%的网站......
  • 精心收集的95个超实用的JavaScript代码片段(ES6 +编写)
    Array数组Arrayconcatenation(数组拼接)使用Array.concat(),通过在args中附加任何副本和/或值来拆分一个数组。JavaScript代码:constArrayConcat=(arr,...args)=>[]。c......
  • JavaScript安全性问题与最佳预防做法
    英文| ​​https://blog.bitsrc.io/javascript-security-issues-and-best-practices-37e78df4dce4​​翻译|web前端开发众所周知,JavaScript是一种非常完善的编程语言。J......
  • 教你用JavaScript实现乘法游戏
    案例介绍欢迎来的我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个乘法积分游戏。乘法游戏主要通过用户输入的数值和程序计算的数......
  • 5个JavaScript的字符串处理库
    英文| ​​https://blog.bitsrc.io/5-string-manipulation-libraries-for-javascript-5de27e48ee62​​​使用字符串可能是一项繁琐的任务,因为有许多不同的用例。例如,将字......
  • JavaScript中的简单排序算法
    英文| https://medium.com/javascript-in-plain-english/simple-sorting-algorithms-in-javascript-57d512ceaf5d翻译|web前端开发排序是程序员处理数据处理时最常见的......