欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

介绍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,找到就返回元素下标>