JavaScript模拟push
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript模拟push,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2347字,纯文字阅读大概需要4分钟。
内容图文
![JavaScript模拟push](/upload/InfoBanner/zyjiaocheng/354/f342230c30e3403da0607426caf28f7b.jpg)
任务:首先我定义了一个变量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的指向,不必硬背这篇文章。
内容总结
以上是互联网集市为您收集整理的JavaScript模拟push全部内容,希望文章能够帮你解决JavaScript模拟push所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。