#yyds干货盘点# 【js学习笔记十一】前端数组方法splice

简介: #yyds干货盘点# 【js学习笔记十一】前端数组方法splice

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


前端数组方法splice的使用


图片.png

代码部分


//splice(start,end,index1,index2) 从什么位置开始,删几个?删了后插入什么新元素?
    var geyao=["1","2","3","4"]
    var geyaotest=["1","2","3","4"]
    var geyaofangfang=["1","2","3","4"]
    var fangfang=["1","2","3","4"]
    var fangfangTest=["1","2","3","4"]
    var fangfangBang=["1","2","3","4"]
    var kangkang=["1","2","3","4"]
    var kangkangni=["1","2","3","4"]
    var kangkanghao=["1","2","3","4"]
    //1个参数会截取当前 大于2之后的数都会被删除
    geyao.splice(2)
    console.log(geyao,"geyao")//["1","2"]
    //2个参数 表示从什么位置截取到什么位置 把下标为2的截取掉
    geyaotest.splice(2,1)
    console.log(geyaotest,"geyaotest") //[ "1", "2", "4" ]
    //3个参数 在什么位置到什么位置添加
    geyaofangfang.splice(2,1,"5")
    console.log(geyaofangfang,"geyaofangfang") //[ "1", "2", "5", "4" ]
    //超出数组长度 默认获得前面的全部 
    fangfang.splice(5)
    console.log(fangfang,"fangfang") // [ "1", "2", "3", "4" ]
    //从5之后开始截取
    fangfangTest.splice(5,1)
    console.log(fangfangTest,"fangfangTest") // [ "1", "2", "3", "4" ]
    //对后置的位置进行添加
    fangfangBang.splice(5,1,"6")
    console.log(fangfangBang,"fangfangBang") // [ "1", "2", "3", "4","6"]
    //倒着开始截取剩余部分
    kangkang.splice(-1)
    console.log(kangkang,"kangkang") // [ "1", "2", "3" ]
    //倒着进行处理
    kangkangni.splice(-2,1)
    console.log(kangkangni,"kangkangni")//[ "1", "2", "4" ]
    //倒着插入对应值
    kangkanghao.splice(-2,1,"8")
    console.log(kangkanghao,"kangkanghao")//[ "1", "2", "8", "4" ]
    //该方法向或者从数组中添加或者删除项目,返回被删除的项目。(该方法会改变原数组)


总结


//该方法向或者从数组中添加或者删除项目,返回被删除的项目。(该方法会改变原数组)



相关文章
|
8天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
5天前
|
前端开发 JavaScript 开发者
Express.js与前端框架的集成:React、Vue和Angular的示例与技巧
本文介绍了如何将简洁灵活的Node.js后端框架Express.js与三大流行前端框架——React、Vue及Angular进行集成,以提升开发效率与代码可维护性。文中提供了详细的示例代码和实用技巧,展示了如何利用Express.js处理路由和静态文件服务,同时在React、Vue和Angular中构建用户界面,帮助开发者快速掌握前后端分离的开发方法,实现高效、灵活的Web应用构建。
28 3
|
13天前
|
前端开发 JavaScript
前端ES5 | js —添加元素方法
前端ES5 | js —添加元素方法
|
17天前
|
Android开发 iOS开发 C#
Xamarin:用C#打造跨平台移动应用的终极利器——从零开始构建你的第一个iOS与Android通用App,体验前所未有的高效与便捷开发之旅
【8月更文挑战第31天】Xamarin 是一个强大的框架,允许开发者使用单一的 C# 代码库构建高性能的原生移动应用,支持 iOS、Android 和 Windows 平台。作为微软的一部分,Xamarin 充分利用了 .NET 框架的强大功能,提供了丰富的 API 和工具集,简化了跨平台移动应用开发。本文通过一个简单的示例应用介绍了如何使用 Xamarin.Forms 快速创建跨平台应用,包括设置开发环境、定义用户界面和实现按钮点击事件处理逻辑。这个示例展示了 Xamarin.Forms 的基本功能,帮助开发者提高开发效率并实现一致的用户体验。
38 0
|
17天前
|
开发者 C# Android开发
明白吗?Xamarin与Native的终极对决:究竟哪种开发方式更适合您的项目需求,让我们一探究竟!
【8月更文挑战第31天】随着移动应用开发的普及,开发者面临多种技术选择。本文对比了跨平台解决方案Xamarin与原生开发方式的优势与劣势。Xamarin使用C#进行跨平台开发,代码复用率高,可大幅降低开发成本;但因基于抽象层,可能影响性能。原生开发则充分利用平台特性,提供最佳用户体验,但需维护多套代码库,增加工作量。开发者应根据项目需求、团队技能和预算综合考量,选择最适合的开发方式。
58 0
|
17天前
|
开发者 Android开发 iOS开发
Xamarin开发者的神器!揭秘你绝不能错过的插件和工具,让你的开发效率飞跃式提升
【8月更文挑战第31天】Xamarin.Forms 是一个强大的框架,让开发者通过单一共享代码库构建跨平台移动应用,支持 iOS、Android 和 Windows。使用 C# 和 XAML,它简化了多平台开发流程,保持一致的用户体验。本指南通过创建一个简单的 “HelloXamarin” 应用介绍 Xamarin.Forms 的基本功能和工作原理。首先配置 Visual Studio 开发环境,然后创建并运行一个包含标题、按钮和消息标签的示例应用,展示如何定义界面布局及处理按钮点击事件。这帮助开发者快速入门 Xamarin.Forms,提高跨平台应用开发效率。
30 0
|
17天前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
41 0
|
4天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
1月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
21 0
|
3月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
66 2