Array.prototype.push()的理解和手写

1.Array.prototype.push()的用法

Array.prototype.push() 方法用于向数组的末尾添加一个或多个元素,并返回修改后数组的新长度。该方法会直接修改原始数组,而不是创建一个新的数组副本。

以下是 Array.prototype.push() 方法的用法:

javascript 复制代码
var arr = [1, 2, 3];
// 向数组末尾添加一个元素
arr.push(4);
// 现在 arr 的值为 [1, 2, 3, 4]
// 向数组末尾添加多个元素
arr.push(5, 6);
// 现在 arr 的值为 [1, 2, 3, 4, 5, 6]
// 添加数组作为元素
arr.push([7, 8]);
// 现在 arr 的值为 [1, 2, 3, 4, 5, 6, [7, 8]]
// 获取数组的新长度
var newLength = arr.push(9);
// 现在 arr 的值为 [1, 2, 3, 4, 5, 6, [7, 8], 9]
// newLength 的值为 8

Array.prototype.push() 方法可以接受任意数量的参数,并将它们依次添加到数组的末尾。如果传入的参数是数组,则整个数组作为一个元素添加到数组的末尾。该方法返回添加新元素后数组的新长度。

2.Array.prototype.push()的手写

javascript 复制代码
Array.prototype._push = function () {
            let arrLength = 0
            for (let i = 0; i < arguments.length; i++) {
                this[this.length] = arguments[i]
            }
            return this.length
        }
        const nums = [1, 2, 3]
        const numsLen = nums._push(4, 5, 6)
        console.log(numsLen);
        console.log(nums);

3.补充:arguments的使用

当我们不确定有多少个参数传递的时候,可以用arguments来获取。在JavaScript中,arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参。

arguments展示形式是一个伪数组,因此可以进行遍历。伪数组具有以下特点:

  • 具有length属性
  • 按索引方式存储数据
  • 不具有数组的push,pop等方法

在定义函数时没有声明参数,但是在调用函数时可以传入参数。在 JavaScript 中,函数可以接受任意数量的参数,即使在函数定义中没有显式声明参数也可以在调用时传入参数。这些参数可以通过函数内部的 arguments 对象进行访问和处理。

下面是一个示例说明:

javascript 复制代码
// 定义一个函数,没有声明任何参数
function greet() {
    // 访问参数列表的方式之一是使用 arguments 对象
    // arguments 对象包含传递给函数的所有参数
    for (var i = 0; i < arguments.length; i++) {
        console.log('Hello, ' + arguments[i] + '!');
    }
}
// 调用函数并传入参数
greet('Alice', 'Bob', 'Charlie');
// 输出:
// Hello, Alice!
// Hello, Bob!
// Hello, Charlie!

在上面的示例中,函数 greet 在定义时没有声明任何参数,但是在调用时传入了三个参数。函数内部通过 arguments 对象访问传入的参数,并进行相应的处理。因此,即使在函数定义中没有声明参数,也可以在调用函数时传入参数。

相关推荐
玲小珑12 分钟前
Next.js 教程系列(十六)Next.js 中的状态管理方案
前端·next.js
前端小巷子14 分钟前
web实现文件的断点续传
前端·javascript·面试
小磊哥er15 分钟前
【前端工程化】前端项目怎么做代码管理才好?
前端
jojo是只猫1 小时前
前端vue对接海康摄像头流程
前端·javascript·vue.js
10年前端老司机5 小时前
React无限级菜单:一个项目带你突破技术瓶颈
前端·javascript·react.js
阿芯爱编程9 小时前
2025前端面试题
前端·面试
前端小趴菜0510 小时前
React - createPortal
前端·vue.js·react.js
晓131311 小时前
JavaScript加强篇——第四章 日期对象与DOM节点(基础)
开发语言·前端·javascript
菜包eo11 小时前
如何设置直播间的观看门槛,让直播间安全有效地运行?
前端·安全·音视频
烛阴11 小时前
JavaScript函数参数完全指南:从基础到高级技巧,一网打尽!
前端·javascript