JavaScript模拟实现数组push方法

模拟push方法的基本思路

任务：首先定义一个变量var arr = [0,1,2,3,4,5];现在希望模拟push方法在这个数组的5后面添加新元素，应该如何实现？请思考5分钟，在思考结束前请勿继续往下看。

分析：目标是向数组末尾添加元素，核心在于如何准确定位最后一个元素的位置。回顾常规数组访问方式arr[n]，当访问超出当前索引的数值时，结果为undefined。虽然可以通过不断递增索引直到出现undefined来定位，但更优的方案是利用length属性。length属性返回数组长度，其值恰好等于最大索引加1，因此可以直接利用该索引位置进行赋值操作。

代码：

var arr = [0,1,2,3,4,5];
arr.length 获取这个数组的最后位置

任务：既然已确定数组末尾位置，接下来需解决如何添加、向谁添加以及具体添加方式的问题。

分析：回顾数组内容的添加方式，此前获取的length值即为目标添加位置的索引。

合成：

var arr = [0,1,2,3,4,5];
function Push(value){
arr[arr.length] = value;
}
Push(6);
console.log(arr); //[0, 1, 2, 3, 4, 5, 6]

任务：当前方案仅支持单次添加单个元素，若需一次性添加多个元素该如何处理？

分析：引入for循环处理重复性操作，通过循环结构批量完成添加任务。

代码：

分析：需确定for循环的终止条件。添加的元素数量取决于传入参数的个数，可通过arguments对象获取。arguments是类数组对象，具备length属性，可获取实际传入参数的数量。

代码：

for(var i=0;i<arguments.length;i++){}

分析：那么现在问题来了，我们把什么内容添加到哪里去，再回到我们任务，我们是不是想在某个数组的最后一个位置添加我们传进来的内容，对我们传进来的，那么怎么获取我们传进来的内容呢，我们好像说过arguments可以获取它的内容。

代码:

var arr = [0,1,2,3,4,5];
function Push{
for(var i=0;i<arguments.length;i++){
arr[arr.length] = arguments[i];
}
}
Push(6,7,8);

完成。

课外扩展：具备基础知识的开发者需注意，当前实现仅适用于特定数组实例。若需为所有数组提供此功能，需将该方法挂载至Array原型链。

var arr = [0,1,2,3,4,5];

Array.prototype.Push = function{
for(var i=0;i<arguments.length;i++){
this[this.length] = arguments[i];
}
}
arr.Push(1,2,3)

将代码中的arr替换为this，this指向调用该方法的对象。如需深入理解this指向机制，可参考相关专题文章，无需死记硬背。