数组的常用方法

188 阅读3分钟
本篇文章适合于javascript基础薄弱的同学,全部都是方法,推荐一篇文章

https://juejin.cn/post/6844903556839899144,我个人感觉很不错,知识总结的很到位,可能写的不是很好,第一次发帖,见谅,如果有不对的地方留言我修改

1.push(item...)

功能:在数组的末尾添加一个或多个元素。 

参数:要添加的元素。

 返回值:返回数组的长度。 

例子: 

var arr=[1,2,3,4]
var ret=arr.push(5);
console.log(ret); //5
console.log(arr); // [1,2,3,4,5]

2.unshift(item)

功能:在数组的开头添加一个或多个元素。

参数:要添加的元素。

返回值:添加后数组的长度。

例子: 

var arr=[1,2,3,4]
var ret=arr.unshift(5);
console.log(ret) //5;
console.log(arr) // [5,1,2,3,4];

3.shift()

功能:在数组的开头删除一个元素。

参数:无。

返回值:被删除的元素。

例子: 

var arr=[1,2,3,4]
var ret=arr.shift();
console.log(ret) //1;
console.log(arr) // [2,3,4];

4.pop()

功能:在数组的末尾删除一个元素。

参数:无。

返回值:被删除的元素。

例子: 

var arr=[1,2,3,4]
var ret=arr.pop();
console.log(ret) //4;
console.log(arr) // [1,2,3];

5.join(str)

功能:将数组的元素用参数字符串拼接成一个新的字符串

参数:一个字符串。

返回值:拼接的结果。

注意:并不改变原来的数组。

例子: 

var arr=[1,2,3,4];
var ret=arr.join("-");
console.log(ret);// 1-2-3-4
console.log(arr);// [1,2,3,4]

6.reverse()

功能:将数组的元素的排序颠倒过来

参数:无。

返回值:倒置后的数组。

注意:改变原数组。

例子: 

var arr=[1,2,3,4]
var ret=arr.reverse();
console.log(ret); // 4,3,2,1
console.log(arr); // [4,3,2,1]

7.slice(starIndex,endIndex)

功能:在数组中,从starIndex一直截取到endIndex,endIndex值可不写,但是如不写,将是从endIndex一直截取到最后。

参数:开始和结束下标。

返回值:截取的数组元素。

注意:不改变原数组 。 不包含endIndex下标截取

例子: 

1)	var arr=[1,2,3,4,5];
	var ret=arr.slice(1,3);
	console.log(ret); // 2,3
	console.log(arr); // [1,2,3,4,5]

2)      var arr=[1,2,3,4,5];
	var ret=arr.slice(3);
	console.log(ret); //4,5
	console.log(arr); //[1,2,3,4,5]

8.splice(starIndex,index,item...)

功能:1)在数组中,从starIndex开始截取index个替换为item....。

          2)在数组中,从starIndex开始截取index个删除掉,删除时只有                                           starIndex,index两个参数。

参数:起始下标,个数和替换的元素。

返回值:替换掉和删除的值。

注意:改变原来的数组。

例子: 

1) 	var arr=[1,2,3,4,5,6];
	var ret=arr.splice(2,3,8,9);
	console.log(ret); // 3,4,5
	console.log(arr); // [1,2,8,9,6]

2) 	var arr=[1,2,3,4,5,6];
	var ret=arr.splice(2,3);
	console.log(ret); // 3,4,5
	console.log(arr); // [1,2,6]

9.concat(arr....)

功能:将多个数组合并成一个数组

参数:一个或多个数组。

返回值:返回合并后的数组。

注意:不改变原数组。拼接后的数组将按原参数的顺序进行拼接。

例子: 

        var arr=[1,2,3,4,5,6];
	var ret=arr.concat([8,9]);
	console.log(ret); // 1,2,3,4,5,6,8,9
	console.log(arr); // [1,2,3,4,5,6]

10.indexOf(item)

功能:在数组的左侧开始开始查找第一次出现参数元素的下标。

参数:参数元素。

返回值:如果查找到了参数元素,则返回下标,如未查找到则返回为-1。

注意:不改变原数组。

例子: 

	var arr=[1,2,3,4,5,6];
	var ret=arr.indexOf(2);
	console.log(ret); //1
	console.log(arr); //[1,2,3,4,5,6]

11.lastIndexOf(item)

功能:在数组的右侧开始开始查找第一次出现参数元素的下标。

参数:参数元素。

返回值:如果查找到了参数元素,则返回下标,如未查找到则返回为-1。

注意:不改变原数组。

例子: 

	var arr=[1,2,3,4,5,6];
	var ret=arr.lastIndexOf(2);
	console.log(ret); //1
	console.log(arr); //[1,2,3,4,5,6]