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

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

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

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()的手写

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 对象进行访问和处理。
下面是一个示例说明：

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

原文地址：https://blog.csdn.net/z142536x/article/details/143497224

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！