JavaScript模拟push_javascript技巧

php中文网

发布时间：2016-05-16 15:12:02

1414人浏览过

来源于php中文网

原创

任务：首先我定义了一个变量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，对这位老朋友可以帮我们完成一些重复的事情，那我们快请他来帮帮忙吧。

代码：

ClipDrop

Stability.AI出品的图片处理系列工具（背景移除、图片放大、打光）

下载

分析：我们应该怎么写这个for？i到底小于多少呢？是不是就是我们添加几位就是几啊？那么我们到底要添加多少位呢？好像我们确实不知道，但是却有一位老朋友知道，他就是arguments，它可以获取到我们传入的参数，并且它是一个伪数组，意味着它也可以像数组一样使用length属性获取我们传入的实参长度。

代码：

for(var i=0;i

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

代码:

立即学习“Java免费学习笔记（深入）”；

var arr = [0,1,2,3,4,5];
function Push{
for(var i=0;i

完成。

课外扩展：有基础的朋友
ok，虽然这样已经完成了任务，但是现在的问题是，这段代码只能为arr这个数组服务，如果我们想为所以的数组提供这个功能就需要给Array的原型添加这个方法。

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

Array.prototype.Push = function{
for(var i=0;i

把里面的arr修改成this，this表示谁调用就是谁，如果你想了解更多关于this的内容，可以看彻底理解js中this的指向，不必硬背这篇文章。

java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：简单讲解AngularJS的Routing路由的定义与使用_AngularJS 下一篇：详解JavaScript的AngularJS框架中的作用域与数据绑定_AngularJS

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI大模型

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

微信聊天记录删除恢复导出教程汇总

本专题整合了微信聊天记录相关教程大全，阅读专题下面的文章了解更多详细内容。

2026.01.18

高德地图升级方法汇总

本专题整合了高德地图升级相关教程，阅读专题下面的文章了解更多详细内容。

2026.01.16

全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总，阅读专题下面的文章了解更多详细内容。

133

2026.01.16

C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立可测试、可维护、高质量的 C++ 项目体系。

2026.01.16