数组是JavaScript编程中最常用的结构之一,这也是为什么了解它的内置方法很重要。
在本文中,我们研究一下如何在 JS 中将数组拆分为n个大小的块。
具体来说,主要研究两种方法:
slice()方法是提取数组块,或者将其切成块的最简单方法:
slice(start, end) 方法返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin,不包括end)。原始数组不会被改变。
注意:start和end都可以是负整数,这仅表示它们是从数组末尾枚举的。-1是数组的最后一个元素,-2是倒数第二个,依此类推…
因此,要将列表或数组分割成偶数块,我们使用slice()方法
function sliceIntoChunks(arr, chunkSize) {
const res = [];
for (let i = 0; i < arr.length; i += chunkSize) {
const chunk = arr.slice(i, i + chunkSize);
res.push(chunk);
}
return res;
}
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
console.log(sliceIntoChunks(arr, 3));
运行结果:
[[ 1, 2, 3 ], [ 4, 5, 6 ], [ 7, 8, 9 ], [ 10 ]]
在上面的代码中,我们通过遍历数组并按每个chunkSize对其进行切片,将arr分解成大小为3的小块。在最后一次迭代中,只剩下一个元素(10),所以它自己就组成一个块。
即使splice()方法看起来与slice()方法相似,但其用法和副作用却大不相同。我们仔细来看看:
// splice 做以下两件事:
// 1. 删除从 startIdx 开始的 deleteCount 元素
// 2. 将提供的新元素(newElem1, newElem2…)插入到myArray中,以索引startIdx开始
// 该方法的返回值是一个包含所有已删除元素的数组
myArray.splice(startIdx, deleteCount, newElem1, newElem2...)
let arrTest = [2, 3, 1, 4]
let chunk = arrTest.splice(0,2)
console.log(chunk) // [2, 3]
console.log(arrTest) // [1, 4]
我们通过一个代码示例来实际了解这一点:
function spliceIntoChunks(arr, chunkSize) {
const res = [];
while (arr.length > 0) {
const chunk = arr.splice(0, chunkSize);
res.push(chunk);
}
return res;
}
const arr = [1, 2, 3, 4, 5, 6, 7, 8];
console.log(spliceIntoChunks(arr, 2));
运行结果:
[ [ 1, 2 ], [ 3, 4 ], [ 5, 6 ], [ 7, 8 ] ]
在这里,我们使用while循环遍历数组。在每次迭代中,我们执行拼接操作,并将每个块添加到结果数组中,直到原始数组中不再有其他元素为止(arr.length> 0)。
需要注意的非常重要的一点是splice()会更改原始数组。如slice()创建原始数组的副本,因此原始数组不会有任何更改。
在本文中,我们介绍了在 JS 中将列表分割为多个块的几种简单方法。在此过程中,我们学习了如何使用几个内置的数组方法,如slice()和splice()。
“最牛十元店”名创优品(naSDAQ:MNSO)谋求回港上市,能够逆境救赎吗? 12月23日,多家媒体爆料称,据知情人士透露,名创优品正与美银、瑞银合作,商议有关在香港二次上市事项,预期募资数亿美元。名创优品方对此表示不予置评。此前的12月21日,名创优品董事会还授权通过一份股份回购计划,最多可能...
第一,Keywordseverywhere是一个SEO关键字研究工具,可以在多个网站上显示有用的谷歌关键字搜索量和每次点击费用数据。此工具可以帮助您省去从各种网站复制数据的麻烦, 第一,Keywords everywhere是一个SEO关键字研究工具,可以在多个网站上显示有用的谷歌关键字搜索量和每...
现在很多人都在做公众号迁移,有些人觉得这没必要,不明白为什么会有这么多人要做这个。其实吧,见仁见智,首先公众号申请太方便了,人手就可以申请一个,但是后期想做大,那么肯定要做一些”脱 现在很多人都在做公众号迁移,有些人觉得这没必要,不明白为什么会有这么多人要做这个。其实吧,见仁见智,首先公众号申请太...
《诗经》是中国文学的宝典,其含有古典先贤的思想精髓,藏有上古时期的浪漫情愫,每一句诗文都含有诗情画意,藏有“脉脉不得语“的婉约灵动之感,情谊绵绵也。因此通过诗经给女孩起名字,会有一 《诗经》是中国文学的宝典,其含有古典先贤的思想精髓,藏有上古时期的浪漫情愫,每一句诗文都含有诗情画意,藏有“脉脉不得...
如何给你的照片添加喜欢的文字,让照片变得更好看?赶快看过来,你可能会说用微信就可以,下面给你分享一种方法,效果会更好,操作还简单,更好的是还可以拼长图,赶快点赞关注收藏转发一下,和 如何给你的照片添加喜欢的文字,让照片变得更好看?赶快看过来,你可能会说用微信就可以,下面给你分享一种方法,效果会更好...
上次,我发过一篇《有哪些适合女生做的副业?》适合男生的当然也有!今天和大家分享比较适合男生做的兼职。体力&脑力变现,安排!01.兼职跑腿可以看做是跑腿、外卖兼职,也就是别人付费,帮 上次,我发过一篇《有哪些适合女生做的副业?》 适合男生的当然也有! 今天和大家分享比较适合男生做的兼职。...
现代潮流真的是变化太大,以往不是的主流单品开始成为女性的穿衣必备,还时常被拿来当作日常穿搭,真是叫人大开眼界,就拿睡衣来说吧,利用材质还有时尚元素的特殊性,让整个造型变得更加惊艳吸 现代潮流真的是变化太大,以往不是的主流单品开始成为女性的穿衣必备,还时常被拿来当作日常穿搭,真是叫人大开眼界,就拿睡...
猕猴桃是生活中比较常见的一种水果,它含有多种营养成分,适量食用对身体有一定好处。孕妇也是可以吃猕猴桃的,可以补充维生素以及其他微量元素等,孕妇吃猕猴桃一天吃一两个比较好,不建议一次吃五个。猕猴桃孕妇一天吃几个最好1-2个 猕猴桃是生活中比较常见的一种水果,它含有多种营养成分,适量食用对身体有一定好...
2022年七月,八月,天气炎热,几乎每日都要开启“昼蒸夜煮”的模式,都躲在家里,吹着空调,看着电视,吃着西瓜,似乎成为了大多数人的宅家三部曲。转眼间,到了九月,气温下降了不少,但是当很多朋友收到七八月份电费账单的时候,心 2022年七月,八月,天气炎热,几乎每日都要开启“昼蒸夜煮”的模式,都躲在家...
朋友圈广告投放,优秀的朋友圈广告文案是用户能否点击的关键,甚至直接关乎到用户的购买欲望。那么如何写出高转化率朋友圈广告文案呢?你需要把握好这4个方面。1、创意文案内容要真实切忌夸大其词,不要写那些一看就是糊弄人的东西,基 朋友圈广告投放,优秀的朋友圈广告文案是用户能否点击的关键,甚至直接关乎到用户...
iPhone14promax在官方直营店依旧没现货,包括京东或者天猫旗舰店,想买现货的朋友们在官网蹲到了吗?目前,iPhone14promax黄牛加价1200,可以自己卖赚点钱,如果自己加钱买的话就没必要了。iPhone iPhone14promax在官方直营店依旧没现货,包括京东或者天猫旗舰店,...
iPhone14pro是今年比较热门的新款手机,不少人都期待双十一能有优惠,一般官网是不会降价的,而其他电商平台会有各种补贴和优惠券,抢到凑满减购买的话应该能便宜300元左右。iPhone14pro双十一会降价吗会的,去 iPhone14pro是今年比较热门的新款手机,不少人都期待双十一能有优惠,...
西晒房子比普通房子会热一些,因为太阳容易光顾,照射进来一般都是一下午,晚上回家会感觉到家里很闷热。那么,西晒房子选择几楼不热呢?一起来看看久久派带来的详细介绍吧!西晒房子比普通能热几度同在10楼西户41℃东户33℃,同时 西晒房子比普通房子会热一些,因为太阳容易光顾,照射进来一般都是一下午,晚上回...
对于分手后还想复合的心理是完全可以理解的,无非两种原因,一是依旧喜欢,二是找不到比前任更好的对象。当你分手后想复合首先考虑下你们是因为什么分的手,你是分手方还是被分手方,这个区别还是很大的。分手后想复合要不要联系如果你真 对于分手后还想复合的心理是完全可以理解的,无非两种原因,一是依旧喜欢,二是找...
中秋节和国庆节都是很重要的两个节假日,在有些年份的时候,中秋节会和国庆节挨在一起,所以就会一起放假,2023年就是这样。2023年中秋节是9月29日,放假时间刚好和国庆节重合了,所以很可能会和国庆节一起放假9天或者8天, 中秋节和国庆节都是很重要的两个节假日,在有些年份的时候,中秋节会和国庆节挨在...