当前位置:首页 > JavaScript

js实现pop

2026-03-13 15:36:33JavaScript

实现数组的 pop 方法

JavaScript 中的 pop() 方法用于删除数组的最后一个元素并返回该元素。以下是实现类似功能的代码:

function customPop(arr) {
  if (arr.length === 0) {
    return undefined;
  }

  const lastElement = arr[arr.length - 1];
  arr.length = arr.length - 1;
  return lastElement;
}

使用示例

const fruits = ['apple', 'banana', 'orange'];
const removedFruit = customPop(fruits);

console.log(removedFruit); // 'orange'
console.log(fruits); // ['apple', 'banana']

实现原理

检查数组是否为空,如果为空则返回 undefined

获取数组最后一个元素的值

通过修改数组的 length 属性来删除最后一个元素

js实现pop

返回被删除的元素

边界情况处理

当数组为空时返回 undefined

不会改变空数组的内容

js实现pop

与原生的区别

原生 pop 方法是 Array.prototype 上的方法,可以直接通过数组实例调用

这个实现是独立函数,需要传入数组作为参数

性能考虑

这个实现与原生 pop 方法有相似的性能表现,都是 O(1) 时间复杂度

直接修改 length 属性是最高效的删除最后一个元素的方法

标签: jspop
分享给朋友:

相关文章

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js实现vue路由

js实现vue路由

Vue 路由的基本实现 在 Vue.js 中实现路由功能通常使用 Vue Router 库。Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。 安装 Vue R…

js实现弹框

js实现弹框

使用 alert 实现简单弹框 JavaScript 的 alert 方法可以直接显示一个简单的弹框,内容为纯文本: alert("这是一个简单的弹框"); 使用 confirm 实现确认弹框…

js 实现验证码

js 实现验证码

实现验证码的 JavaScript 方法 生成随机验证码 验证码通常由随机字符(数字、字母或混合)组成。以下代码生成一个 6 位随机验证码(数字和字母混合): function generateCa…

js 多选 实现

js 多选 实现

实现多选的 JavaScript 方法 使用复选框(Checkbox)实现多选 通过 HTML 的 checkbox 元素配合 JavaScript 实现多选功能。用户可以选择多个选项,提交时获取所有…

vue js实现登录

vue js实现登录

Vue.js 登录功能实现 依赖安装 确保项目已安装 Vue.js 和必要的依赖库(如 Vue Router、Axios)。通过以下命令安装: npm install vue-router axio…