数组分割方法splice()和slice()

在某些时候,我们得到一个数组,需要每隔几位将数组拆分成新数组。

使用splice

splice()方法,向数组中添加/删除元素,返回被删除的元素组成的数组
arr.splice(index,num,item1,…itemX)

注意,splice()方法是直接操作原数组的

参数 描述
index 必须。整数,添加/删除的起始位置,使用负数从数组结尾处开始
num 必须,删除的数量。如果设置为0,则不会删除元素。如果要添加元素,这里必须设置为0
item 可选,要添加的新元素。在添加的时候使用
1
2
3
4
5
6
7
var arr=[1,2,3,4,5,6,7,8,9,0];
var result=[];
while(arr.length){
result.push(arr.splice(0,3))
}
console.log(result)
`

使用slice

slice()方法主要是截取数组,并返回截取到的新数组
数组和字符串都可以使用slice方法
arr.slice(start,end)
参数|描述

参数 描述
start 必须,从原数组的start位置开始截取(包含下标为start的元素)。如果是负数,表示从尾部开始截取;-1表示最后䘝元素
end 可选。截取的结束位置(不包含下标为end的元素)。如果没有指定,默认截取到最后一个元素。注意,end必须大于start,否则截取不到元素

注意,slice()方法返回的是一个新的数组,不会改变原数组

1
2
3
4
5
6
var arr=[1,2,3,4,5,6,7,8,9,0];
var result=[];
for(var i=0;i<arr.length;i+=3){
result.push(arr.slice(i,i+3))
}
console.log(result)


上一篇
CSS 左边固定右边自适应布局 CSS 左边固定右边自适应布局
在后台开发中,有一种布局形式非常常见,就是左边导航部分宽度固定,右边内容宽度自适应。 1. 左边浮动,右边marginleft=/=于边栏宽度123.wrapper{border: 1px solid #f00;overflow:
2016-08-26
下一篇
setTimeOut的执行机制 setTimeOut的执行机制
先直接来看代码12345for(var i=0;i<10;i++){ setTimeout(function(){ console.log(i);//打印十个10 },5000)} 从结果上来
2016-08-06 刘赛