每天一个随笔

Posted 2020-09-23 MesopotamiazZ

今天来彻底搞清楚javascript中split、splice、slice三个方法。

一、先来说说在没看资料前我自己在项目中对这三个方法的使用情况。

1、split这个方法用来处理字符串分割，可以将字符串分割成数组，比如：

var str = ‘a,b,c,d,e‘;
var arr = str.split(‘,‘);

2、splice这方法一般用来对数组中的元素进行删除，比如：

var arr = [1,2,3,4,5,6,7];
var arr1 = arr.splice(0,1);//对元素组进行删除，从index=0开始，删除1个元素，返回被删除元素的数组
console.log(arr);//[2,3,4,5,6,7]
console.log(arr1);//[1]

3、slice这个方法使用还是挺多的，与splice类似，但是返回值是一个新数组，不会对原数组有任何操作和改变：

var arr = [7,8,9,0,1];
var newArr = arr.slice(1,3);//新数组从元素主的index=1开始复制，从index=3-1结束，相当于>=start,<end，下标为index=3的元素时不被提取出来的
console.log(newArr);//[8,9]
console.log(arr);//[7,8,9,0,1]

补充：

1、slice也能对字符串进行处理：

var str = ‘i am a dog‘;
var newStr = str.slice(1,4);//与数组用法一致
console.log(newStr);//‘ am‘

2、slice能从末尾进行操作，比如：

var arr = [7,8,9,0,1];
var newArr = arr.slice(-1);
var newArr1 = arr.slice(-5);
console.log(newArr);//[1]
console.log(newArr1);//[7,8,9,0,1]

 

3、splice也能插入新数组：

var arr = [1,2,3,4,5];
var a = 7;
arr.splice(1,2,a);
console.log(arr);//[1,7,4,5]