当前位置:首页 > JavaScript

js实现pop

2026-01-31 17:45:19JavaScript

实现数组的 pop 方法

在 JavaScript 中,数组的 pop 方法用于移除并返回数组的最后一个元素。以下是几种实现方式:

原生方法

直接使用 JavaScript 内置的 pop 方法:

const arr = [1, 2, 3];
const lastElement = arr.pop();
console.log(lastElement); // 3
console.log(arr); // [1, 2]

手动实现

通过修改数组的 length 属性来模拟 pop 方法:

function customPop(arr) {
  if (arr.length === 0) return undefined;
  const lastElement = arr[arr.length - 1];
  arr.length = arr.length - 1;
  return lastElement;
}

const arr = [1, 2, 3];
const lastElement = customPop(arr);
console.log(lastElement); // 3
console.log(arr); // [1, 2]

使用 splice 方法

利用 splice 方法移除最后一个元素:

js实现pop

function customPop(arr) {
  const lastElement = arr.splice(-1, 1)[0];
  return lastElement;
}

const arr = [1, 2, 3];
const lastElement = customPop(arr);
console.log(lastElement); // 3
console.log(arr); // [1, 2]

注意事项

  • 如果数组为空,pop 方法返回 undefined
  • pop 方法会修改原数组,而不是返回一个新数组。
  • 手动实现时需要注意边界条件(如空数组)。

标签: jspop
分享给朋友:

相关文章

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div cl…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…

js验证码的实现

js验证码的实现

验证码的基本实现原理 验证码(CAPTCHA)的核心目标是区分人类用户和自动化程序。JavaScript可用于生成或验证客户端验证码,但需注意纯前端验证可能被绕过,通常需结合后端验证。 纯前端验证码…