TS实现原生数组方法之pop()、push()、shift()、unshift()

最新推荐文章于 2024-07-28 15:41:55 发布

Hi-Sun

最新推荐文章于 2024-07-28 15:41:55 发布

阅读量7.2k

点赞数 2

分类专栏： TypeScript 原生方法实现文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Helloyaling/article/details/125728176

版权

TypeScript 同时被 2 个专栏收录

14 篇文章 1 订阅

订阅专栏

原生方法实现

8 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的四个数组方法：pop、push、shift和unshift，通过实例展示了它们如何改变原数组，以及在实际编程中的应用。通过对数组元素的增删操作，理解这些方法对于数组操作的重要性。

摘要由CSDN通过智能技术生成

/**
 * pop(): 从数组中删除最后一个元素，并返回该元素的值，改变原数组。
 * push(): 将一个或多个元素添加到数组的末尾，并返回该数组的新长度，改变原数组。
 * shift(): 从数组中删除第一个元素，并返回该元素的值，改变原数组。
 * unshift(): 将一个或多个元素添加到数组的开头，并返回该数组的新长度，，改变原数组。
 */
 
Array.prototype.pop = function () {
  const array = Object(this);
  const _len = array.length;
  const result = array[_len - 1];
  delete array[_len - 1];
  array.length = _len - 1;
  return result;
}

Array.prototype.push = function (...items: any[]): number {
  const array = Object(this);
  const _len = array.length;
  for (let i = 0; i < items.length; i++) {
    array[_len + i] = items[i];
  }
  return array.length;
}

Array.prototype.shift = function () {
  const array = Object(this);
  const _len = array.length;
  const result = array[0];
  for (let i = 0; i < _len - 1; i++) {
    array[i] = array[i + 1];
  }
  array.length = _len - 1;
  return result;
}

Array.prototype.unshift = function (...items: any[]): number {
  const array = Object(this);
  const _len = array.length;
  for (let i = _len + items.length - 1; i >= items.length; i--) {
    array[i] = array[i - items.length];
  }
  for (let i = 0; i < items.length; i++) {
    array[i] = items[i];
  }
  return array.length;
}

//test data
const popData = ['angel', 'clown', 'mandarin', 'surgeon'];

console.log('调用 pop 之前: ' + popData);
// "调用 pop 之前: angel,clown,mandarin,surgeon"

const poped = popData.pop();

console.log('调用 pop 之后: ' + popData);
// "调用 pop 之后: clown,mandarin,surgeon"

console.log('被删除的元素: ' + poped);
// "被删除的元素: surgeon"

const pushData = ['angel', 'clown', 'mandarin', 'surgeon'];

console.log('调用 pushed 之前: ' + pushData);
// "调用 pushed 之前: angel,clown,mandarin,surgeon"

/** @ts-ignore */
const pushed = pushData.push('test', ['yaling', 'baisong']);

console.log('调用 pushed 之后: ' + pushed);
// "调用 pushed 之后: 6"

console.log('调用 pushed 之后的数组为: ' + pushData);
// "调用 pushed 之后的数组为: angel,clown,mandarin,surgeon,test,yaling,baisong"


const shiftData = ['angel', 'clown', 'mandarin', 'surgeon'];

console.log('调用 shift 之前: ' + shiftData);
// "调用 shift 之前: angel,clown,mandarin,surgeon"

const shifted = shiftData.shift();

console.log('调用 shift 之后: ' + shiftData);
// "调用 shift 之后: clown,mandarin,surgeon"

console.log('被删除的元素: ' + shifted);
// "被删除的元素: angel"

const unshiftData = [4, 5, 6];
unshiftData.unshift(1, 2, 3);
/** @ts-ignore */
const unshifted = unshiftData.unshift([-7, -6], [-5]);
console.log('调用 unshift 之后: ' + unshifted);
// "调用 unshift 之后: 8"

console.log('调用 unshift 之后的数组为: ' + unshiftData);
// "调用 unshift 之后的数组为: -7,-6,-5,1,2,3,4,5,6"