js中数组的方法汇总（误区和易错点，案例丰富）（二）

注意: 每个方法的返回值情况。

1、arr.slice(start,end)

start	必需。表示从何处开始选取。负数代表从尾部开始选，-1为最后一个元素，以此类推
end	可选。表示从何处结束选取。该参数指下标。负数代表从数组尾部开始算起的元素，-1为最后一个元素，以此类推。未写则代表到数组结束的所有元素。(选取的元素中不包括end处的元素)
返回结果	数组。包含从 start 到 end （不包括end）的数组中的元素

var arr1=[1,2,3,4,5,6,7];
var arr2=arr1.slice(-2);
console.log(arr1,arr2);//[1, 2, 3, 4, 5, 6, 7]  [6, 7]

var arr1=[1,2,3,4,5,6,7];
var arr2=arr1.slice(-2,-1);
console.log(arr1,arr2);//[1, 2, 3, 4, 5, 6, 7]  [6]

var arr1=[1,2,3,4,5,6,7];
var arr2=arr1.slice(2,3);
console.log(arr1,arr2);//[1, 2, 3, 4, 5, 6, 7]  [3]

2、 arr.toString(): 数组转字符串类型

var arr1=[1,2,3,4];
var arr2=arr1.toString();
console.log(arr1,arr2);  //[1, 2, 3, 4]  "1,2,3,4"

3、arr.join()

返回结果	字符串。 把数组中每个元素用分隔符连接成字符串

var arr1=[1,2,3];
var arr2=arr1.join();//不写默认为","
var arr3=arr1.join("-");
console.log(arr1,arr2,arr3);  //[1, 2, 3]  "1,2,3"  "1-2-3"

4、arr.push(ele1,ele2,...): 追加元素到数组后面

ele1	必需。要添加到数组的第一个元素
ele2	可选。要添加到数组的第二个元素，可添加多个
返回结果	数组的被操作后的长度

var arr1=[1];
var arr2=arr1.push(2);   //返回值为数组被操作后的长度
console.log(arr1,arr2);  //[1, 2]   2

5、arr.pop(): 删除数组中最后一个元素

返回结果

被删除的元素

var arr1=[1,2,3];
var arr2=arr1.pop();   //原数组发生变化，返回值是被删除的这个元素
console.log(arr1,arr2);  //[1, 2]    3

6、arr.shift(): 删除数组中的第一个元素

返回结果

被删除的元素

var arr1=[1,2,3];
var arr2=arr1.shift();   //原数组发生变化，返回值是被删除的这个元素
console.log(arr1,arr2);  //[2, 3]  1

7、arr.unshift(): 这个方法向数组中第一个元素之前插入一个新的元素(或者是插入多个元素),返回值是数组的新的长度

返回结果

数组的新长度

var arr1=[1,2,3];
var arr2=arr1.unshift();  //原数组发生变化，返回值是被删除的这个元素
console.log(arr1,arr2);  //[1, 2, 3]  3

8、arr.concat(ele):

ele	可选。可不填，可为任意一种数据类型
返回结果	拼接后产生的新数组

var arr1=[12,34];
var arr2=arr1.concat(3);
console.log(arr1,arr2); //[12, 34]  [12, 34, 3]

var arr1=[12,34];
var arr2=arr1.concat([2,3]);
console.log(arr1,arr2); //[12, 34]  [12, 34, 2, 3]

var arr1=[12,34];
var arr2=arr1.concat(2,34,4);
console.log(arr1,arr2); //[12, 34]  [12, 34, 2, 34, 4]

9、arr.splice(index,num,item)

index	必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置
num	必需。要删除的元素个数，为 0则不会删除元素
item	可选。向数组添加的新项目,可为多个
返回结果	数组。如果没有替换则返回空数组

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

var arr1=[1,4,6,3];
var arr2=arr1.splice(1,0,2);
console.log(arr1,arr2);   //[1, 2, 4, 6, 3]    []

10、arr.indexOf(val,fromIndex)

val	必需。规定需检索的字符串值
fromIndex	可选，整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 arr.length - 1。如省略该参数，则将从字符串/数组的开始进行检索。
返回结果	找到了则返回该元素的索引，找不到则返回-1

var str="7.png";
var index=str.indexOf(".");
console.log(str.substr(index));  //.png
console.log(index);  //1

11、arr.lastIndexO(val,fromIndex):查找元素,从后面向前面找

返回结果	数组或字符串本来的下标。找到则返回对应的下标,找不到则返回-1。注意：不会因为从后面开始查找，就返回从后面开始的下标

//序号规则是按照数组中的元素的序号顺序进行返回
var str="7.png"
var index=str.lastIndexOf(".");
console.log(str.substr(index));  //.png
console.log(index);  //1