当前位置:首页 > JavaScript

js实现push

2026-02-01 12:39:13JavaScript

实现数组的 push 方法

在 JavaScript 中,Array.prototype.push 方法用于向数组末尾添加一个或多个元素,并返回新的数组长度。以下是几种实现方式:

方法一:直接模拟原生 push 方法

Array.prototype.myPush = function(...items) {
  for (let item of items) {
    this[this.length] = item;
  }
  return this.length;
};

方法二:使用展开运算符

Array.prototype.myPush = function(...items) {
  const newArray = [...this, ...items];
  this.length = 0;
  newArray.forEach(item => this[this.length] = item);
  return this.length;
};

方法三:使用 concat 方法

js实现push

Array.prototype.myPush = function(...items) {
  const newArray = this.concat(items);
  this.length = 0;
  newArray.forEach(item => this[this.length] = item);
  return this.length;
};

使用示例

const arr = [1, 2, 3];
const newLength = arr.myPush(4, 5);
console.log(arr); // [1, 2, 3, 4, 5]
console.log(newLength); // 5

注意事项

  • 自定义 push 方法会修改原数组
  • 可以一次添加多个元素
  • 返回的是新数组的长度
  • 避免在原型方法中使用箭头函数,因为箭头函数没有自己的 this 绑定

标签: jspush
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

js实现视口

js实现视口

js实现视口检测的方法 使用JavaScript检测元素是否进入视口(viewport)可以通过Intersection Observer API或手动计算元素位置实现。以下是两种常见方法: Int…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…

js实现滑动

js实现滑动

实现滑动效果的方法 在JavaScript中实现滑动效果可以通过多种方式完成,以下是几种常见的实现方法: 使用CSS过渡和JavaScript触发 通过CSS定义过渡效果,JavaScript控制触…

实现继承js

实现继承js

实现继承的方式 在JavaScript中,实现继承可以通过多种方式完成,每种方式都有其优缺点。以下是几种常见的实现继承的方法: 原型链继承 原型链继承是最基本的继承方式,通过将子类的原型指向父类的实…

js实现原理

js实现原理

JavaScript 实现原理 JavaScript 是一种解释型语言,其实现原理涉及多个核心组件和运行机制,包括引擎、运行时环境、事件循环等。 引擎与解释执行 现代 JavaScript 引擎(如…