当前位置:首页 > 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
分享给朋友:

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

vue实现js休眠

vue实现js休眠

实现 JavaScript 休眠的方法 在 Vue 中实现 JavaScript 休眠(延迟执行)可以通过以下方式实现。由于 JavaScript 本身没有内置的 sleep 函数,通常使用 Prom…

js计算器的实现

js计算器的实现

实现基础结构 HTML部分需要创建计算器的基本框架,包含显示区域和按钮。使用<div>容器包裹整个计算器,内部设置一个显示屏和多个按钮。 <div class="calculato…

js 实现图片轮播

js 实现图片轮播

基础实现方案 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS负责样式布局,JavaScript处理轮播逻辑。 <div class="…

js实现图片移动

js实现图片移动

使用CSS和JavaScript实现图片移动 方法一:使用CSS动画结合JavaScript控制 通过CSS定义动画关键帧,JavaScript动态添加或移除动画类。 /* CSS部分 */ .m…