介绍7种js数组的基本操作
程序员文章站
2022-06-25 10:58:29
1、splice
splice(index(必须), number(必须), items(可选)),共有三个参数,
第一个是从哪个下标开始截取,第二个是截取的长度, 第三个是要...
1、splice
splice(index(必须), number(必须), items(可选)),共有三个参数,
第一个是从哪个下标开始截取,第二个是截取的长度, 第三个是要加上去的items,这个item可以是多个,用逗号连接就好最终这个方法会返回截取下来的数组,并且这个方法会改变原数组
var array = [1, 2, 3, 4, 5, 6, 7, 8]; var arr = array.splice(0, 3, '1','2', '2'); 最终 array === ["1", "2", "2", 4, 5, 6, 7, 8]; 最终arr === [1, 2, 3]
2、slice
slice(start(可选), end(可选)) 两个参数,
第一个参数开始下标(包含在内),第二个结束下标(不包含),返回的是截下来的数组,不会改变原数组
var array = [1, 2, 3, 4, 5, 6, 7, 8]; var arr = array.slice(1, 3); 最终 array === [1, 2, 3, 4, 5, 6, 7, 8]; 最终arr === [2, 3];
3、pop
pop() 删除数组的最后一个元素,改变原数组,并且返回被删除的元素
var array = [1, 2, 3, 4, 5, 6, 7, 8]; var arr = array.pop(); 最终array === [1, 2, 3, 4, 5, 6, 7];
最终arr === 8 被删除的这个元素
4、push
push('one, 'two') 向数组末尾添加元素,可以是多个,改变原数组,并返回数组长度
var array = [1, 2, 3, 4, 5, 6, 7, 8]; var arr = array.push('8', 'fad', 'fadf'); 最终array === [1, 2, 3, 4, 5, 6, 7, 8, '8', 'fad', 'fadf']; 最终arr === 11,array数组的长度
5、shift
shift() 删除数组的第一个元素,改变原数组,并且返回被删除的元素
var array = [1, 2, 3, 4, 5, 6, 7, 8]; var arr = array.shift(); 最终array === [ 2, 3, 4, 5, 6, 7, 8]; 最终arr === 1,被删除的这个数组元素
6、unshift
unshift('fas', 'fadsf') 向数组首位添加元素,可以是多个,并返回数组长度,会改变原数组
var array = [1, 2, 3, 4, 5, 6, 7, 8]; var arr = array.unshift('fas', 'fadsf'); 最终array === ['fas', 'fadsf', 1, 2, 3, 4, 5, 6, 7, 8]; 最终arr === 10,array数组的数组长度
7、indexOf**indexOf('hello'(必选), index(可选))两个参数,这个方法可以对数组和字符串都适用
第一个是要查找的item,第二个是从哪个下标开始查找
var array = [1, 2, 3, 4, 5, 6, 7, 8]; 或者 array = ‘fasfasfasfasdf' var arr = array.indexOf('eh'); 最终array === ['fas', 'fadsf', 1, 2, 3, 4, 5, 6, 7, 8]; 最终arr === -1,没找到就返回-1,找到就返回元素下标>