数组Array简单操作方法

ECMAScript为操作已经包含在数组中的元素提供了很多方法：
.concat()方法可以基于当前数组创建一个新数组。
.slice()方法可以基于当前数组获取指定区域元素并创建一个新数组。
.splice()主要用途是向数组的中部插入元素，使用方式有3种。

方法详解：
1、concat()
方法用于连接两个或多个数组。

var arr1 = [1,2];
var arr2 = [3,4];
var arr3 = arr1.concat(arr2);
console.log(arr3)

image.png

连接多个：

var arr1 = [1,2];
var arr2 = [3,4];
var arr3 = [5,6];
var arr4 = arr1.concat(arr2,arr3); 
console.log(arr4);

image.png

2、slice()
方法可提取字符串或者数组的某个部分，并以新的字符串或数组返回被提取的部分。
.slice(start,end)
start、end表示提取内容的开始下标和结束下标，表示从哪截到哪
例：

var arr = [2,3,5,9,6];
var ele1 = arr.slice(1,4);
console.log(ele1);

image.png

返回新数组，不会改变原数组。

3、 splice()
.splice(index,howmany,ele1,ele2,......) 方法用于插入、删除或替换数组的元素
.splice中的删除功能：返回被删除数组元素（不返回新数组，会改变原数组）

var arr = ["red","green","blue"];   
var arr1 = arr.splice(0,2);
//0表示从下标为0的元素开始删除；
//2表示删除两个
console.log(arr1);
//返回值是被删除的数组

image.png

console.log(arr);
//原数组被改变

image.png

splice中的插入功能：返回空数组

var arr = ["red","green","blue"];
var arr1 = arr.splice(1,0,"aqua","black");
//表示从下标为1的位置删除，0表示删除0个元素，后面两个表示在删除位置插入两个新元素
console.log(arr1);
//  因为返回的是被删除元素组成的数组，这边没有删除，所以打印出来的是空数组 

image.png

console.log(arr);   
//原数组被改变

image.png

.splice中的替换功能：返回被替换数组元素

var arr = ["red","green","blue"]；
var arr1 = arr.splice(1,1,"aqua");
//  表示从下标为1的位置开始删除，删除1个元素，并在此位置放入一个新的元素“aqua”
console.log(arr1);
//返回的是被删除的元素组成的数组

image.png

console.log(arr);   
//原数组被改变

image.png

小编能力有限，存在不足或不全，请大家指出，共同学习与交流。