数组操作方法之slice()和splice()

68 阅读 0 评论 45 点赞

我是靠谱客的博主从容香水，最近开发中收集的这篇文章主要介绍数组操作方法之slice()和splice()，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一直以来对数组操作方法记忆都是模糊不清的，所以趁今天有时间就系统的梳理下，以使自己在以后的工作中能够更加熟练的根据需要操作数组，废话不多说，直接进入正题：

slice()方法能够基于到当前数组去创建一个新数组，他能够接受一或两个参数，即要返回项的起始位置和结束位置。在只有一个参数的情况下，slice()方法返回从该参数指定位

置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项（但不包括结束位置的项）。最重要一点是slice()方法不改变原始数组，如：

var colors = ['red','blue','pink','purple','green'];

var colors2 = colors.slice(1) // ['blue','pink','purple','green']

alert colors // ['red','blue','pink','purple','green']

var colors3 =colors.slice(2,4) //['pink','purple']

splice()方法可能算是数组中最强大的方法了，他可以对数组进行删除，插入，替换。最重要一点，他会改变原始数组，用法如下：

1.删除：可以删除任意数量的项，只需指定2 个参数：要删除的第一项的位置和要删除的项数。

var colors = ['red','blue','pink','purple','green'];

var colors2 = colors.splice(1,2) // ['blue','pink']

alert colors // ['red','purple','green']

2.插入：可以向指定位置插入任意数量的项，只需提供3 个参数：起始位置、0（要删除的项数和要插入的项。如果要插入多个项，可以再传入第四、第五，以至任意多个项。

var colors = ['red','blue','pink','purple','green'];

var colors2 = colors.splice(1,0,'yellow','black') //从位置1开始插入

console.log(colors2)//[]

console.log(colors)//["red", "yellow", "black", "blue", "pink", "purple", "green"]

3.替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。

var colors = ['red','blue','pink','purple','green'];

var colors2 = colors.splice(1,2,'yellow','black') //从位置1开始插入

console.log(colors2)//["blue", "pink"]

console.log(colors)//["red", "yellow", "black", "purple", "green"]