JS数组增删的原理,自己定义方法实现

2023-10-20 09:28

本文主要是介绍JS数组增删的原理,自己定义方法实现,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

大家有没有想过,数组有增删的方法,那实现的原理是什么?我们可以自己定义方法去实现增删数组吗?让我为大家介绍一下吧!
利用数组的原型对象,让所有数组都可以使用这个方法

1.实现pop( )方法,删除数组最后一个元素

    Array.prototype.pops = function() {// 原型对象的this指向使用者// 我们把数组的长度给砍掉,就实现了pop方法this.length = this.length-1}const arr = [1,2,3,4]// 方法定义成功arr.pops()console.log(arr)//[1,2,3]

2.实现push( )方法,添加一个元素到数组末尾

    Array.prototype.pushs = function(user) {// 因为我们索引从0开始,正好数组[数组长度]可以添加一个新值到末尾this[this.length] = user}const arr = [1,2,3,4]// 定义成功arr.pushs(5)console.log(arr) //[1,2,3,4,5]

3.实现shift( )方法,删除数组第一个元素

    Array.prototype.shifts = function () {//我们该如何实现呢?我们可以交换数组元素位置,利用下标// 我们循环数组,这里我们为什么要减1,是因为我们换位置只需要换this.length-1次for (let i = 0; i < this.length - 1; i++) {this[i] = this[i + 1]}// 还是要减长度,第一个元素已经到了最后,我们直接把长度砍掉一个this.length = this.length - 1}const arr = [1, 2, 3, 4]// 定义成功arr.shifts()console.log(arr) //[2,3,4]

4.实现unshift( )方法,添加一个元素到数组开头

    Array.prototype.unshifts = function(user) {// 增加长度 现在我们多出一个"" [""]this.length = this.length + 1// 我们现在循环,把所有的元素外后移动// 因为我们把数组长度增加了1,我们这需要减1// 假设我们现在arr = [1,2,3,4],外加一个长度变成了[1,2,3,4,""]// 我们从最后开始,一个一个往后移for(let i= this.length - 1;i>=0;i--) {this[i] = this[i-1]}// this[0]没有值我们现在赋值给this[0]this[0] = user}const arr = [1,2,3,4]// 定义成功arr.unshifts(0)console.log(arr) //[0,1,2,3,4]

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

这篇关于JS数组增删的原理,自己定义方法实现的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/246197

相关文章

Python中的filter() 函数的工作原理及应用技巧

《Python中的filter()函数的工作原理及应用技巧》Python的filter()函数用于筛选序列元素,返回迭代器,适合函数式编程,相比列表推导式,内存更优,尤其适用于大数据集,结合lamb... 目录前言一、基本概念基本语法二、使用方式1. 使用 lambda 函数2. 使用普通函数3. 使用 N

Python如何实现高效的文件/目录比较

《Python如何实现高效的文件/目录比较》在系统维护、数据同步或版本控制场景中,我们经常需要比较两个目录的差异,本文将分享一下如何用Python实现高效的文件/目录比较,并灵活处理排除规则,希望对大... 目录案例一:基础目录比较与排除实现案例二:高性能大文件比较案例三:跨平台路径处理案例四:可视化差异报

Java整合Protocol Buffers实现高效数据序列化实践

《Java整合ProtocolBuffers实现高效数据序列化实践》ProtocolBuffers是Google开发的一种语言中立、平台中立、可扩展的结构化数据序列化机制,类似于XML但更小、更快... 目录一、Protocol Buffers简介1.1 什么是Protocol Buffers1.2 Pro

Python脚本轻松实现检测麦克风功能

《Python脚本轻松实现检测麦克风功能》在进行音频处理或开发需要使用麦克风的应用程序时,确保麦克风功能正常是非常重要的,本文将介绍一个简单的Python脚本,能够帮助我们检测本地麦克风的功能,需要的... 目录轻松检测麦克风功能脚本介绍一、python环境准备二、代码解析三、使用方法四、知识扩展轻松检测麦

Java实现本地缓存的四种方法实现与对比

《Java实现本地缓存的四种方法实现与对比》本地缓存的优点就是速度非常快,没有网络消耗,本地缓存比如caffine,guavacache这些都是比较常用的,下面我们来看看这四种缓存的具体实现吧... 目录1、HashMap2、Guava Cache3、Caffeine4、Encache本地缓存比如 caff

MyBatis-Plus 与 Spring Boot 集成原理实战示例

《MyBatis-Plus与SpringBoot集成原理实战示例》MyBatis-Plus通过自动配置与核心组件集成SpringBoot实现零配置,提供分页、逻辑删除等插件化功能,增强MyBa... 目录 一、MyBATis-Plus 简介 二、集成方式(Spring Boot)1. 引入依赖 三、核心机制

Java高效实现Word转PDF的完整指南

《Java高效实现Word转PDF的完整指南》这篇文章主要为大家详细介绍了如何用Spire.DocforJava库实现Word到PDF文档的快速转换,并解析其转换选项的灵活配置技巧,希望对大家有所帮助... 目录方法一:三步实现核心功能方法二:高级选项配置性能优化建议方法补充ASPose 实现方案Libre

Go中select多路复用的实现示例

《Go中select多路复用的实现示例》Go的select用于多通道通信,实现多路复用,支持随机选择、超时控制及非阻塞操作,建议合理使用以避免协程泄漏和死循环,感兴趣的可以了解一下... 目录一、什么是select基本语法:二、select 使用示例示例1:监听多个通道输入三、select的特性四、使用se

Java 中编码与解码的具体实现方法

《Java中编码与解码的具体实现方法》在Java中,字符编码与解码是处理数据的重要组成部分,正确的编码和解码可以确保字符数据在存储、传输、读取时不会出现乱码,本文将详细介绍Java中字符编码与解码的... 目录Java 中编码与解码的实现详解1. 什么是字符编码与解码?1.1 字符编码(Encoding)1

Python Flask实现定时任务的不同方法详解

《PythonFlask实现定时任务的不同方法详解》在Flask中实现定时任务,最常用的方法是使用APScheduler库,本文将提供一个完整的解决方案,有需要的小伙伴可以跟随小编一起学习一下... 目录完js整实现方案代码解释1. 依赖安装2. 核心组件3. 任务类型4. 任务管理5. 持久化存储生产环境