分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

js 实现List

发布时间:2023-09-06 02:13责任编辑:郭大石关键词:js

js 实现List

列表是一组有序的数据。每个列表中的数据项称为元素。在 JavaScript 中,列表中的元素可以是任意数据类型。
我们可以根据数组的特性来实现List。

List 抽象数据类型定义

  • listSize(属性) 列表的元素个数
  • pos(属性) 列表的当前位置
  • length(属性) 返回列表中元素的个数
  • clear(方法) 清空列表中的所有元素
  • toString(方法) 返回列表的字符串形式
  • getElement(方法) 返回当前位置的元素
  • insert(方法) 在现有元素后插入新元素
  • append(方法) 在列表的末尾添加新元素
  • remove(方法) 从列表中删除元素
  • front(方法) 将列表的当前位置设移动到第一个元素
  • end(方法) 将列表的当前位置移动到最后一个元素
  • prev(方法) 将当前位置前移一位
  • next(方法) 将当前位置后移一位
  • currPos(方法) 返回列表的当前位置
  • moveTo(方法) 将当前位置移动到指定位置

实现

class List{ ???constructor() { ???????this.dataSouce = []; ???????this.listSize = 0; // 列表的大小 ???????this.pos = 0; ????// 列表中当前的位置 ???} ???/** ????* 在列表的末尾添加新元素 ????* @param {*} element 要添加的元素 ????*/ ???append(element) { ???????this.dataSouce[this.listSize++] = element; ???} ???/** ????* 在列表中插入一个元素 ????* @param {*} element ?????* @param {*} after ?????*/ ???insert(element) { ???????this.dataSouce.push(element); ???????this.listSize++; ???} ???/** ????* 在列表中移除一个元素 ????* @param {*} element 要删除的元素 ????*/ ???remove(element) { ???????// 查找当前元素的索引 ??????const index = this.dataSouce.indexOf(element); ??????if (index >= 0) { ???????????this.dataSouce.splice(index, 1); ???????????this.listSize--; ???????????return true; ??????} ??????return false; ???} ???/** ????* 判断给定的值是否在列表中 ????*/ ???contains(element) { ???????return this.dataSouce.indexOf(element) > -1; ???} ???/** ????* 将列表的当前位置设移动到第一个元素 ????*/ ???front() { ???????this.pos = 0; ???} ???/** ????* 将列表的当前位置移动到最后一个元素 ????*/ ???end() { ???????this.pos = this.listSize - 1; ???} ???/** ????* 将当前位置前移一位 ????*/ ???prev() { ???????if (this.pos > 0) { ???????????--this.pos; ???????} ???} ???/** ????* 将当前位置向后移一位 ????*/ ???next() { ???????if (this.pos <= (this.listSize - 1)) { ???????????++this.pos; ???????} ???} ???/** ????* 返回列表的当前位置 ????*/ ???currPos() { ???????return this.pos; ???} ???/** ????* 将当前位置移动到指定位置 ????* @param {*} position ?????*/ ???moveTo(position) { ???????this.pos = position; ???} ???/** ????* 返回当前位置的元素 ????*/ ???getElement() { ???????return this.dataSouce[this.pos]; ???} ???/** ????* 清楚列表中的元素 ????*/ ???clear() { ???????delete this.dataSouce; ???????this.dataSouce = []; ???????tihs.listSize = 0; ???????this.pos = 0; ???} ???/** ????* 列表的长度 ????*/ ???length() { ???????return this.listSize; ???} ???/** ????* 显示当前列表的元素 ????*/ ???toString() { ???????return this.dataSouce; ???}}export default List;

js 实现List

原文地址:https://www.cnblogs.com/qiaojie/p/9571990.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved