首页投稿(暂停使用,暂停投稿)饥人谷技术博客WEB前端程序开发

区分数组的splice,split,slice方法

2017-06-23  本文已影响64人  臭臭臭魁

写在最前###

每门语言估计都有相同的语法,我的大前端也不例外,工作中经常要对数据进行操作,对splice,split ,slice,总是傻傻分不清楚,害的没次都要查文档,然而查完有忘了,(手动尴尬),现在把这几个方法总结一下,以便区分。为了方便查阅。如果你有更好的建议,欢迎交流。。

1.slice(数组)

定义:slice() 方法可从已有的数组中返回选定的元素。
用法:arrayObject.slice(start,end)

解释: w3school
返回值:返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

实例:

var a=[1,2,3,4,5,6];
var b=a.slice(0,3); //[1,2,3] 两个参数,从第一个位置开始截取,截取3个值
var c=a.slice(3); //[4,5,6] 一个参数,从第四个位置开始截取,一直到数组末尾

2.slice(字符串)

定义:slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
用法:stringObject.slice(start,end)
解释:


w3school

返回值:一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符

实例:

//举个简单的例子
var a="i am a boy";
var b=a.slice(0,6); //"i am a"

3.splice(数组)

定义:splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
用法:arrayObject.splice(index,howmany,item1,.....,itemX)
解释:

w3cshool

返回值:包含被删除项目的新数组,如果有的话。

实例:

//举个简单的例子
var a=['a','b','c'];
var b=a.splice(1,1,'e','f'); //a=['a','e','f','c'],返回值b=['b']

4.split(字符串)

定义:split() 方法用于把一个字符串分割成字符串数组。
用法:stringObject.split(separator,howmany)
解释:

w3cshool

返回值:一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。

实例:

//举个简单的例子
var a="0123456";
var b=a.split("",3); //b=["0","1","2"]

上一篇下一篇

猜你喜欢

热点阅读