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 对象访问传入的参数,并进行相应的处理。因此,即使在函数定义中没有声明参数,也可以在调用函数时传入参数。

相关推荐
可观测性用观测云8 分钟前
前端错误可观测最佳实践
前端
恋猫de小郭8 分钟前
Android 将强制应用使用主题图标,你怎么看?
android·前端·flutter
一枚前端小能手29 分钟前
「周更第3期」实用JS库推荐:Lodash
前端·javascript
艾小码29 分钟前
Vue组件到底怎么定义?全局注册和局部注册,我踩过的坑你别再踩了!
前端·javascript·vue.js
Cyan_RA936 分钟前
计算机网络面试题 — TCP连接如何确保可靠性?
前端·后端·面试
谢尔登36 分钟前
【CSS】层叠上下文和z-index
前端·css
鹏多多37 分钟前
前端复制功能的高效解决方案:copy-to-clipboard详解
前端·javascript
AryaNimbus39 分钟前
你不知道的 Cursor系列(三):再也不用死记硬背 Linux 命令,终端 Cmd+K 来帮你!
前端·ai编程·cursor
uhakadotcom41 分钟前
Rollup 从0到1:TypeScript打包完全指南
前端·javascript·面试
Mintopia1 小时前
实时语音转写 + AIGC:Web 端智能交互的技术链路
前端·javascript·aigc