华山资源网

JavaScript模拟push
网络编程 2024/11/15 佚名
3 1

任务：首先我定义了一个变量var arr = [0,1,2,3,4,5];我现在想模拟push方法在这个数组的5后面加东西，我们应该怎么做？给你5分钟思考，在思考之前请不要往下看。

分析：我们是想往这个数组的最后面添加东西对吧，关键点就在于我们如何才能找到元素最后的位置。先不去考虑最后一个位置，我们先来想想我们平时是怎么样访问一个数组的内容的，是不是这样arr[n]，对不对，假如我们访问一个大于这个数组的索引，那么就是undefined，简单来说就是没有这个索引的话就是undefined，如果我们将这个数组的索引一直加1那么如果出现undefined是不是就是我们要找的位置，虽然这种方式可以，但是我有一个更好的方法就是利用length属性，length属性可以获取到这个数组的长度，那么这个长度就是这个数组的索引+1，刚好我们就是要往这个索引上添加内容。

代码：

var arr = [0,1,2,3,4,5];
arr.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？i到底小于多少呢？是不是就是我们添加几位就是几啊？那么我们到底要添加多少位呢？好像我们确实不知道，但是却有一位老朋友知道，他就是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);

完成。

课外扩展：有基础的朋友
ok，虽然这样已经完成了任务，但是现在的问题是，这段代码只能为arr这个数组服务，如果我们想为所以的数组提供这个功能就需要给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的内容，可以看彻底理解js中this的指向，不必硬背这篇文章。

华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com