JavaScript 数组增删改查基础实现

作者:纸飞机

时间:2026-10-30

浏览:370

本文介绍如何在JavaScript中通过扩展Array原型实现基础的增删改查功能。重点解析indexOf定位元素、splice执行删除与插入的操作逻辑,并提供完整的原型方法定义代码,帮助开发者快速掌握数组元素管理的实用技巧。

文章目录

数组操作函数定义

首先定义所需的辅助函数,以便后续对数组进行元素定位和修改操作。

核心原型方法代码


Array.prototype.indexOf = function(val) {

  for (var i = 0; i < this.length; i++) {
    if (this[i] == val) return i;
  }
  return -1;
};
Array.prototype.remove = function(val) {
  var index = this.indexOf(val);
  if (index > -1) {
    this.splice(index, 1);
  }
};
Array.prototype.insert = function (index, item) {
 this.splice(index, 0, item);

};

具体调用与示例

接下来展示具体的调用方式,通过实例演示如何执行删除、更新和插入动作。

调用 remove 方法并传入目标索引 i,即可从数组中移除该位置的元素。

演示更新操作的逻辑,通常涉及先移除旧元素再插入新数据的组合步骤。

以索引 0 为例,先移除该位置元素,随后将 eventjson 数组中的第一个元素插入到索引 0 处,完成数据替换。

介绍如何向数组指定位置插入新元素,保持原有元素顺序后移。

具体代码示例:调用 insert 方法,指定索引为 0,并将 eventjson[0] 作为新元素插入数组头部。

以上即为 JavaScript 数组增删改查的简单实现方案,供开发者参考使用。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章