js 截取字符串和数组的方法

2,645 阅读4分钟

最近做项目用到了截取的方法,自己就总结了一份,希望对大家有用处。

1.substring 方法用于提取字符串中介于两个指定下标之间的字符

substring(start,end) 开始和结束的位置,从零开始的索引
参数 描述
start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

返回值

一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

说明

  • substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
  • 如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
  • 如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
  • 如果 start 或 end 为负数,那么它将被替换为 0。

举例

    var str = "0123456789";
    alert(str.substring(0));------------"0123456789"
    alert(str.substring(5));------------"56789"
    alert(str.substring(10));-----------""
    alert(str.substring(12));-----------""
    alert(str.substring(-5));-----------"0123456789"
    alert(str.substring(-10));----------"0123456789"
    alert(str.substring(-12));----------"0123456789"
    alert(str.substring(0,5));----------"01234"
    alert(str.substring(0,10));---------"0123456789"
    alert(str.substring(0,12));---------"0123456789"
    alert(str.substring(2,0));----------"01"
    alert(str.substring(2,2));----------""
    alert(str.substring(2,5));----------"234"
    alert(str.substring(2,12));---------"23456789"
    alert(str.substring(2,-2));---------"01"
    alert(str.substring(-1,5));---------"01234"
    alert(str.substring(-1,-5));--------""

2.substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

语法

stringObject.substr(start [, length ])
参数 描述
start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。

说明

  • 如果start为负数,则start=str.length+start。
  • 如果 length 为 0 或负数,将返回一个空字符串。
  • 如果没有指定该参数,则子字符串将延续到stringObject的最后。

举例

    var str = "0123456789";
    alert(str.substr(0));---------------"0123456789"
    alert(str.substr(5));---------------"56789"
    alert(str.substr(10));--------------""
    alert(str.substr(12));--------------""
    alert(str.substr(-5));--------------"56789"
    alert(str.substr(-10));-------------"0123456789"
    alert(str.substr(-12));-------------"0123456789"
    alert(str.substr(0,5));-------------"01234"
    alert(str.substr(0,10));------------"0123456789"
    alert(str.substr(0,12));------------"0123456789"
    alert(str.substr(2,0));-------------""
    alert(str.substr(2,2));-------------"23"
    alert(str.substr(2,5));-------------"23456"
    alert(str.substr(2,12));------------"23456789"
    alert(str.substr(2,-2));------------""
    alert(str.substr(-1,5));------------"9"
    alert(str.substr(-1,-5));-----------"" 

首先要说的是,slice可操作数组和字符串,但substring和substr只能操作字符串,splice只能操作数组。

3.slice(start,stop)表示截取从下标start 到下标stop(不包括该元素)的之间的元素,并返回新数组/新字符串,并不修改原数组/原字符串,这点上面说了,与substring很相似。

  • 如果 start比stop大(不会互换),或start与stop相等,则截取的为空,
  • 如果 start或者stop为负数,那么负数的选项从数组尾部开始算起的位置,最后一个数字为-1,倒数第二个数字为-2,依次类推。

举例

    var str = "0123456789";
    onsole.log(str.slice(6,-1))//"678"
    console.log(str.slice(-6,-1))//"45678"
    console.log(str.slice(-6,8))//"4567"

4.splice(start,length,items)表示从下标start处截取length长度(与substr有点像)的元素后,在start处为原数组添加items,并返回被截取的新数组,splice会直接修改原数组。

举例

    var arr = [0,1,2,3,4,5,6,7,8,9];
    console.log(arr.splice(1,3,2,3,4))//[1,2,3]
    console.log(arr);//[0,2,3,4,4,5,6,7,8,9] 原数组被截取走了1,2,3,并加入了2,3,4

其中start和length为必填项,items为选填项,如果length为0或者负数,则返回空数组(这里与substr相似),

    var arr = [0,1,2,3,4,5,6,7,8,9];
	console.log(arr.splice(1,-9,2,3,4))//[]
	console.log(arr);//[0,2,3,4,1,2,3,4,5,6,7,8,9] 直接在原数组下标0处并加入了2,3,4

如果start为负数,则原理和slice负数从右往左截取,最后一位数字为-1,倒数第二位为-2,依次类推,例如:

    var arr = [0,1,2,3,4,5,6,7,8,9];
	console.log(arr.splice(-1,1,2,3,4))//[9]
	console.log(arr);//[0,1,2,3,4,5,6,7,8,2,3,4] 从右往左截取1位,也就是9,并加入2,3,4