原生JS中slice()方法和splice()区别

 更新时间:2017年03月06日 17:25:54   作者:魏芸  
slice()方法和splice()方法都是原生js中对数组操作的方法。那么他两种有什么区别呢?今天通过本文教程给大家简单介绍下,需要的朋友可以参考下

slice()方法和splice()方法都是原生js中对数组操作的方法。那么他两种有什么区别呢?今天通过本文教程给大家简单介绍下。

slice(),返回一个新的数组,该方法可从已有的数组中返回选定的元素。例如:arrObject(start,end),start是必选的。规定从何处开始选取,如果是负数,则是从数组元素尾部选取,也就是说-1指最后一个元素,-2指倒数第二个元素;end是可选元素。规定从何处结束选取。该参数没有,表示从开始位置截取到数组末尾,如果是负数,表示从数组末尾向前截取元素。该方法不会修改原数组,如果想删除数组中某一段元素,使用splice()方法。

splice(),数组中添加/删除元素。例如:arrayObject.splice(index,howmany,item1,.....,itemX)。index是必选的,规定添加/删除项目的位置。howmany必须项,表示删除项目的个数,如果为0表示不删除元素。splice()可删除从index开始的howmany个元素,并可以用item元素替代删除的元素。item可选参数,表示新添加的项。

用法如:

(1):

var arr = new Array(5);
arr[0] = "amy";
arr[1] = "elice";
arr[2] = "divi";
arr[3] = "lvy";
arr[4] = "marry";
arr.splice(1, 0, "willian");
console.log(arr);
//输出:amy,willian,elice,divi,lvy,在数组第一个位置增加一个元素,其值是"willian"

(2):

var arr = new Array(5);
arr[0] = "amy";
arr[1] = "elice";
arr[2] = "divi";
arr[3] = "lvy";
arr[4] = "marry";
arr.splice(1, 2, "willian");
console.log(arr);
//输出:amy,willian,lvy,从数组第一个位置起删除两个元素,并用新的元素“willian”代替删除的元素。

以上所述是小编给大家介绍的原生JS中slice()方法和splice()区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • javascript基础语法学习笔记

    javascript基础语法学习笔记

    这篇文章主要为大家分享了javascript基础语法学习笔记,帮助大家夯实javascript基础知识,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JS正则子匹配实例分析

    JS正则子匹配实例分析

    这篇文章主要介绍了JS正则子匹配用法,结合简单实例形式分析了js正则字匹配的概念、用法与相关注意事项,需要的朋友可以参考下
    2016-12-12
  • JavaScript实现网页带动画返回顶部的方法详解

    JavaScript实现网页带动画返回顶部的方法详解

    这篇文章主要为大家详细介绍了如何利用JavaScript实现网页带动画返回顶部的效果,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2022-08-08
  • JavaScript创建对象的几种方式及关于this指向问题

    JavaScript创建对象的几种方式及关于this指向问题

    这篇文章主要介绍了JavaScript创建对象的几种方式及关于this指向问题,文章围绕主题展开详细的内容介绍,具有一定的参考价值。需要的小伙伴可以参考一下
    2022-07-07
  • javascript文本模板用法实例

    javascript文本模板用法实例

    这篇文章主要介绍了javascript文本模板用法,实例分析了文本模板的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • JavaScript实现精美个性导航栏筋斗云效果

    JavaScript实现精美个性导航栏筋斗云效果

    这篇文章主要介绍了JavaScript实现精美个性导航栏筋斗云效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-10-10
  • Javascript遍历table中的元素示例代码

    Javascript遍历table中的元素示例代码

    这篇文章主要介绍了Javascript如何遍历table中的元素,需要的朋友可以参考下
    2014-07-07
  • 浅谈javascript的Touch事件

    浅谈javascript的Touch事件

    在本文深入研究iOS和Android设备提供的触摸事件API,探索一下可以构建哪些类型的应用,给出一些最佳做法,并论及一些使得可触控应用(touch-enabled application)的开发变得更加容易的有用技术。
    2015-09-09
  • JS结合bootstrap实现基本的增删改查功能

    JS结合bootstrap实现基本的增删改查功能

    这篇文章主要介绍了JS结合bootstrap实现基本的增删改查功能,需要的朋友可以参考下
    2016-07-07
  • JS实现简洁、全兼容的拖动层实例

    JS实现简洁、全兼容的拖动层实例

    这篇文章主要介绍了JS实现简洁、全兼容的拖动层的方法,实例分析了javascript鼠标事件及页面元素的操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05

最新评论