str.split与arr.splice()和arr.slice()详解

来源:互联网 发布:三星手机恢复软件 编辑:程序博客网 时间:2024/06/06 02:48

str.split()和arr.slice()差不多,都是分割根据参数原字符串/数组,产生一个新的array。而splice()真是相见恨晚啊,太特么强大了!

str.split()

split英文原意为分开,分裂(以一个标准将字符串分开);
把一个字符串分割成字符串数组,
语法:

stringObject.split(separator,howmany)
separator   必需。**字符串或正则表达式**,从该参数指定的地方分割 stringObject。howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
var str="How are you doing today?"str.split(" ")//['How','are','you','doing','today?']str.split("")//['H','o','w',' ','a'...'?']str.split(" ",3)//['How','are','you']str.split("a")//["How ", "re you doing tod", "y ?"]

与str.split()相反的是arr.join(separator);

var str="How are you doing today?"str.split(" ").join(" ")//"How are you doing today?"

arr.slice()

slice英文原意为划分,切下;(从数组中切下返回)
slice() 方法可从已有的数组中返回选定范围的元素,是一个新数组
语法:

arrayObject.slice(start,end)

start可以是负数,end可以不加,则为直到末尾;

var arr = ["0How", "1are", "2you", "3doing", "4today"];arr.slice(1,3);//["1are", "2you"]arr.slice(1);// ["1are", "2you", "3doing", "4today"]

这里面有个坑,写这篇博客用console调试时才发现:


slice(1,3)选取的是1和2,并不包含end所指的那个元素!!!


arr.splice()

splice英文原意为粘结处(从粘结处开始添加或者删除)
重点来了!
splice() 方法是向/从数组中添加/删除项目,然后返回被添加/删除的项目。说白了,就是可以往数组添加和删除元素。
注释:该方法会改变原始数组
语法:

arrayObject.splice(index,howmany,item1,.....,itemX)
index   必需。整数,规定添加/删除项目的位置,可使用负数;howmany 必需。要删除的项目数量。**如果设置为 0,则不会删除项目。item1, ..., itemX   可选。**向数组添加的新项目。**

示例:

var arr = [0,1,2,3,4,5,6,7]往数组4的位置插入一个“test”:    arr.splice(3,0,"test");//[]    console.log(arr);//[0,1,2,3,"test",4,5,6,7]删除数组中3-5,替换为"h","a","h","a":    arr.splice(3,5,"h","a","h","a");//[3,4,5]    console.log(arr);//[0, 1, 2, "h", "a", "h", "a", 6, 7]

这里面又有个坑….写这篇博客用console调试时才发现….:


arr.splice(3,5,”h”,”a”,”h”,”a”)返回的是被删除的元素组成的数组!!!不是arr,之前以为直接返回arr