一句话先提前概括:

slice(start,end) 从哪到哪开始

splice(strt,end,index1,index2) 从什么位置开始,删几个?删了后插入什么新元素?

注意:slice() 方法可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

数组中的slice()方法

---可以用来从数组中提取指定元素

---该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回

slice(start,end) 参数:

1.  start  截取开始的位置的索引,包含开始索引,必填

2.  end  截取结束的位置的索引,不包含结束索引,选写

  -第二个参数可以忽略不写,此时会截取从开始索引往后的所有元素

  -索引可以传递一个负值,如果传递一个负值,则从后往前计算

  -1 倒数第一个

  -2 倒数第二个

  var arr = ["a", "b", "c", "d", "e"];console.log(arr.slice(1,4)); // ["b", "c", "d"]console.log(arr.slice(2));  // ["c", "d", "e"]console.log(arr.slice(1,-2)); // ["b", "c"]console.log(arr); //  ["a", "b", "c", "d", "e"]

arr.slice(1,-2)     -2表示截取到倒数第二个元素,但是不包含该元素


数组中的splice() 方法

-可以用于删除数组中的指定元素

-使用splice()会影响到原数组,会将指定元素从原数组中删除,并将被删除的元素作为返回值返回

-arrayObject.splice(index,howmany,item1,.....,itemX)参数:

  第一个,index   规定添加/删除项目的位置,即表示开始位置的索引,使用负数可从数组结尾处规定位置,整数,必需。

  第二个,howmany  表示要删除的项目数量。如果设置为 0,则不会删除项目,必需。

  第三个及以后。。item1,.....,itemX  可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边,可选

var arr = ["贾宝玉", "林黛玉", "薛宝钗", "王熙凤", "香菱"];
console.log(arr.splice(1,2)); //  ["林黛玉", "薛宝钗"]
console.log(arr);  // ["贾宝玉", "王熙凤", "香菱"]

当第二个参数(删除数量)小于0视为0

var arr = ["贾宝玉", "林黛玉", "薛宝钗", "王熙凤", "香菱"];
console.log(arr.splice(1, -2)); //  []
console.log(arr);  // ["贾宝玉", "林黛玉", "薛宝钗", "王熙凤", "香菱"]

删除并添加

var arr = ["贾宝玉", "林黛玉", "薛宝钗", "王熙凤", "香菱"];
console.log(arr.splice(1, 2, '晴雯', '紫鹃')); // ["林黛玉", "薛宝钗"]
console.log(arr);  // ["贾宝玉", "晴雯", "紫鹃", "王熙凤", "香菱"]
var arr = ["贾宝玉", "林黛玉", "薛宝钗", "王熙凤", "香菱"];
console.log(arr.splice(1, 0, "袭人")); // []
console.log(arr);  // ["贾宝玉", "袭人", "林黛玉", "薛宝钗", "王熙凤", "香菱"]

js截取数组slice() 和 splice() 的用法相关推荐

  1. JS截取数组:使用splice()和slice()方法

    splice() 方法 splice() 方法可以添加元素.删除元素,也可以截取数组片段.删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段. 由于 splice() ...

  2. js截取数组slice(),splice()两种方法

    slice() 返回一个索引和另一个索引之间的数据(不改变原数组),slice(start,end)有两个参数(start必需,end选填),都是索引,返回值不包括end 用法和截取字符串一样   h ...

  3. (基础)JavaScript截取数组:使用splice()和slice()方法

    JS 截取数组(得到数组片段)的方法有两种,分别是使用 splice() 和 slice() 方法,简单说明如下 使用 splice() 截取数组 splice() 方法可以添加元素.删除元素,也可以 ...

  4. js截取数组的操作 - Kaiqisan

    js截取数组的操作 hey みんなさんこんにちはKaiqisanと申します.一つの学生プログラマーである-,今天来讲一下截取数组的操作.由于我在项目的实践中总是会用到这个方法但是经常会忘记这些方法的时 ...

  5. js数组的增删改查方法、js截取数组方法

    增加的方法: 1.push()方法向数组中末尾添加一个元素,原数组改变. 2.unshift()方法向数组中开始元素添加一个元素,原数组改变. 3.splice()方法:可以添加.删除元素.也可以截取 ...

  6. JavaScript中数组slice和splice的对比小结

    前言 今天重温了一下Javascript,看到了数组的方法,其中有两个比较相似的方法--splice和splice,看着很像,就是多了一个p,但是用法却相当不一样. 在使用中,可以通过选择一个具有强语 ...

  7. split,slice和splice的用法及区别

    1.split(字符串) 用法:string.split(separator,limit) 参数:可选参数limit可以限制被分割的片段数量.separator参数可以是一个字符串或一个正则表达式. ...

  8. 使用js截取数组中的元素---前端面试

    使用js获取数组中的元素 面试官提问:现在有一个包含10个元素的数组,你有什么方法能够取出其中的第二个和第三个元素吗 1.slice函数 Array.slice(),接收两个参数,起始位置(包含起始元 ...

  9. slice和splice的用法

    slice和splice slice(start,end): 切割 包前不包后 返回值为切割值 原数组没有改变! splice(start,deleteCount,item1,item2,itemN) ...

最新文章

  1. 2017上半年软考 第六章 重要知识点
  2. ​AAAI 2022 | 基于强化学习的视频弹幕攻击
  3. python to_excel新增sheet_Python使用xlrd和xlwt读写Excel的简单用法
  4. 前端学习(1403):多人管理23错误unexpected identifier
  5. 微型计算机的alu部件是包含在,微型计算机的ALU部件是什么?
  6. Contest Hunter 0103最短Hamilton路径 【状压dp】 By cellur925
  7. LeetCode--55.跳跃游戏(贪心,零点跳跃)
  8. 《财产》评最受尊重公司:苹果第一谷歌第二
  9. MIDP应用程序的属性
  10. LightOJ 1038-Race to 1 Again(概率dp)
  11. sqlserver自定义函数
  12. MVC解决Json DataGrid返回的日期格式是/Date(20130450000365)
  13. android 输入模糊匹配_Android 模糊搜索
  14. 视频教程-VB程序设计入门基础-其他
  15. 兵以诈立 —— 三国的谋略
  16. 01百思不得其姐基本配置
  17. ValueError: Cannot have number of splits n_splits=10 greater than the number of samples: n_samples=0
  18. 屏幕撕裂及掉帧原因与解决方案
  19. 求X的N次方x^n(幂)递归和非递归和pow C语言初学
  20. 通过快递鸟如何接入圆通速递电子面单

热门文章

  1. linux平台potplayer,Daum PotPlayer不安全库加载漏洞
  2. java通过输入的方式给int数组赋值并输出数组
  3. (转)FFmpeg 基本用法
  4. 自学Python第二十二天- Django框架(一)创建项目、APP、快速上手、请求和响应流程、模板、数据库操作
  5. MATLAB-ezplot绘图函数
  6. octagam® 10%治疗皮肌炎患者的ProDERM研究达到主要终点的阳性结果将在ACR 2020年会上呈报
  7. kaggle机器学习教程(Python实现)
  8. 报错AttributeError: ‘NoneType‘ object has no attribute ‘shape‘
  9. [Android]混淆Android代码
  10. 人工神经网络的典型模型,人工神经网络模型定义