js中的slice方法(开始索引,结束索引-不包含该索引元素)-截取和splice方法-删除(开始索引,删除个数)和插入-(开始索引,删除个数,插入内容)

1、slice(start,end)-截取

slice(start,end):

参数:

start:开始位置的索引

end:结束位置的索引(但不包含该索引位置的元素)

例如:

var arr = ['a','b','c','d','e']
var newArr = arr.slice(0,3)  // 不包含索引值为3以后的元素
console.log(newArr);   // ['a','b','c']var newArr2 = arr.slice(0); // 如果没有第二个参数,截取的是到最后一个元素
console.log(newArr2);  //  ['a','b','c','d','e']

2、splice(index,count)-删除 插入

splice具有删除,插入的功能

===================================================================

2.1、删除功能

splice(index,count)

参数:

index:开始位置的索引

count:要删除元素的个数

返回:返回的是包含被删除元素的数组对象

例如:

var arr = ['a','b','c','d','e']
//2.1、删除功能
var newArr3 = arr.splice(1,2)  // 会把b,c两个元素给删除掉,改变原数组
console.log(newArr3)  // ["b", "c"]-返回的是包含被删除的元素的数组
console.log(arr) // ["a", "d", "e"]
2.2、插入功能

splice(index,0,插入的项)

参数

index:插入元素的索引值

第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

例如

// 插入功能
// splice(index,0,插入的项)
var arr = ['a','b','c','d','e'];
//2.21
var newArr4 = arr.aplice(2,0,'李世民')
console.log(arr) // ["a", "b", "李世民", "c", "d", "e"]
//2.22
var newArr5 = arr.aplice(2,1,'李世民')
console.log(arr)  // ["a", "b", "李世民", "d", "e"]

3、总结:

slice:是截取用的

splice:是做删除 插入用的

js中的slice方法(开始索引,结束索引-不包含该索引元素)-截取和splice方法-删除(开始索引,删除个数)和插入-(开始索引,删除个数,插入内容)相关推荐

  1. js中的slice、substr、substring

    js中的slice.substr.substring (均不改变原来字符串的值) var str = " 11xieYaoPeng is a employee gender man tele ...

  2. js字符串slice_JavaScript子字符串示例-JS中的Slice,Substr和Substring方法

    js字符串slice In daily programming, we often need to work with strings. Fortunately, there are many bui ...

  3. js中的slice和splice简介

    var names = ["abc", "cba", "nba", "dna"]// slice只要给它传入一个star ...

  4. js中使用slice进行补0日期和时间

    <!DOCTYPE html> <html> <head><title>日期时钟</title><meta charset=" ...

  5. xpath定位元素方法_测试数十次,总结了APP元素定位的万能方法

    定位不到元素时候,一定很头大,最近一直在跑自动化流程,经常因为各种原因定位不到元素,经过数十次的尝试,我发现尤其是H5页面,出现定位不到元素的可能性更大,也总结尝试发现了在H5里面,通过切换上下文后用 ...

  6. dispatch js实现_通信:派发与广播,on与emit,自行实现dispatch和broadcast方法

    上一篇的 provide / inject API 主要解决了跨级组件间的通信问题,不过它的使用场景,主要是子组件获取上级组件的状态,跨级组件间建立了一种主动提供与依赖注入的关系.然后有两种场景它不能 ...

  7. JS中的DOM与BOM

    一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口 浏览器对象模 ...

  8. 详细理解JS中的继承

    正式说继承之前,有两个相关小点: JS只支持实现继承,即继承实际的方法,不支持接口继承(即继承方法的签名,但JS中函数没签名) 所有对象都继承了Object.prototype上的属性和方法. 说继承 ...

  9. JS中Math对象总结

    JS中的Math对象提供对数据的数学计算. Math对象属性 Math对象方法 其中max和min方法都可以传入多个参数并正常运算,其它传入参数过多无意义,只取靠前的参数. 转载于:https://b ...

最新文章

  1. python的继承模式_Python之继承--增加新功能,不更改以前的代码
  2. andriod 多个Activity之间共享数据
  3. iOS 时间戳的转换
  4. Eclipse安装插件的几种方式
  5. Spring Boot使用@Async实现异步调用:ThreadPoolTaskScheduler线程池的优雅关闭
  6. Oracle批量插入数据
  7. 深度探索Qt窗口系统——布局篇
  8. GIS中常用的高程系
  9. linux 下的 C语言编程学习(1)
  10. termux安装mongodb
  11. 关于51芯片及引脚功能介绍与总结
  12. NameNode故障处理方法
  13. 夏季晒黑如何变白?店湾妹教你几招,皮肤回归白嫩
  14. python opencv 拍照_在jupyter noteb中使用opencv显示网络摄像头中的图像
  15. MybatisPlus入门学习
  16. TCP通信中的三次握手与四次挥手
  17. 数字沙盘 电子沙盘 GIS 大数据人工智能开发教程
  18. PLC数据采集之难题
  19. 部署iis服务器与c#程序遇到的问题小结
  20. 使用VMware安装黑苹果

热门文章

  1. 2022年7月12日世界互联网大会成立大会
  2. ffmpeg解码视频
  3. windows 7的SYSTEM权限
  4. Linux操作系统——Xshell和Xftp 下载、安装、使用教程(史上最全最详细)
  5. 图片详解docker命令和原理
  6. 用python写个云顶之弈阵容助手,助你今晚“吃鸡”(遗传算法)
  7. 基于android智能手机的隐私管理系统的设计与实现,基于Android的智能手机求助系统的设计与实现...
  8. 如何在Python中获得当前的CPU和RAM使用率?
  9. vivo的android是什么手机,安卓旗舰机哪家强?这三款手机榜上有名,值得一看
  10. PHP怎么合并元素不等的数组_PHP合并数组的2种方法小结