数组Array.slice()方法应用与底层原理剖析

1.Array.slice()方法的应用

Array.slice()可以截取数组的任意一端，并将截取到的数组返回，但需注意的是它并不改变原数组。

slice(num1,num2)方法可以传入两个参数（二者均为数组的下标）

num1:开始截取数组的位置（包含该位置的元素）,如果内有传，则默认为0

num2:停止截取数组的位置（不包含该位置的元素），如果没有传，则默认值是数组的长度length。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(
    arr.slice(),//无参数，则num1==0,num2==length,结果为： [1, 2, 3, 4, 5, 6, 7, 8, 9] 
    arr.slice(3),//只有一个参数，num2 == length,结果为：[4, 5, 6, 7, 8, 9] 
    arr.slice(3,7)//结果为：[4, 5, 6, 7]
);

注意：1.如果传入的是负数，则相当于用数组长度加上该数来确定相应的位置。

           2.传入的参数的绝对值不能大于数组本身的长度。如果大于数组长度，则参数使用默认值：即num1 == 0，num2 == length

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(
    arr.slice(-11),//abs(num1) > length，则num1==0,结果为： [1, 2, 3, 4, 5, 6, 7, 8, 9] 
    arr.slice(-11,3),//abs(num1) > length，则num1==0,num2 == num,2结果为：[1, 2, 3] 
    arr.slice(-11,10),//abs(num1) > length && abs(num2) > length ,则 num1 == 0, num2 == length,结果为：[1, 2, 3, 4, 5, 6, 7, 8, 9]
    arr.slice(3,10) ,//abs(num2) > length,则num2 == length,结果为：[4, 5, 6, 7, 8, 9]
);

           3.如果传入的参数不是Number类型，则参数还是使用默认值：即num1 == 0，num2 == length,和第二条结果相同

        

2.Array.slice()的底层原理

下面我们用自己的方法来实现slice()的功能，从而了解slice()的工作原理

Array.prototype.myslice = function(num1,num2){
    var Num1,Num2;//声明两个变量用来存储对应的参数
    // 判断参数是否传入，以及判断参数是否是Number类型，并对其进行处理
    // isNaN()方法可以判断参数是否为Number类型，如果是Number类型，则返回false，反之返回true
    isNaN(num1) == false ? (Num1 =  num1) : (Num1 = 0);
    isNaN(num2) == false ? (Num2 =  num2) : (Num2 = this.length);

    var arr = [];//声明一个空数组，用来存放截取得到的数组

    // 判断参数绝对值是否大于数组长度，并对其进行处理
    Math.abs(Num1) > this.length ? (Num1 = 0) : Num1;
    Math.abs(Num2) > this.length ? (Num2 = this.length) : Num2;

    // 判断参数是否为负数，并对其进行处理
    Num1 < 0 ? (Num1 += this.length) : Num1;
    Num2 < 0 ? (Num2 += this.length) : Num2 ;
    
    // 截取数组
    for(var i = Num1;i < Num2 ; i++){
        arr.push(this[i]);
    }
    return arr
}