js 中slice、splice和split、substring的使用方法

  

slice:   不会修改原来的数组，返回截取数组元素

splice: 直接修改原数组，删除原数组中的指定元素，返回的是被删除的元素组成的数组

split:   根据特定的字符切割成字符串并返回生成的数组

💜 slice:

可以理解成是提取某东西的片段

用法一：

array.slice(start,end)  --> 提取数组的片段  

string.slice(start,end)  --> 提取字符串的片段

slice(param1)   , 截取从parma1开始的到原数组最后的部分；

slice(param1, param2)   会截取原数组的从param1 开始的param2-param1 个数

注意：当两个参数中存在负数时，用原数组的长度加上两个负数的参数作为相应的参数来计算

 

// 如果不传入参数二，那么将从参数一的索引位置开始截取，一直到数组尾
  let a = [1,2,3,4,5,6]
  let b = a.slice(1,2);   // 不会改变元素组，返回提取的元素
  console.log(b);   // [2]
  let c = a.slice(1);  // 提取从位置1开始到结尾的元素
  console.log(c);  // [2,3,4,5,6]
  let d = a.slice(-1)  // 只传入一个参数，且是负数时，length会与参数相加，然后再提取
  console.log(d); //  [6]

  // 当只传入一个参数，是负数时，并且参数的绝对自大于数组length时，会截取整个数组
  let e = a.slice(-7);
  console.log(e);  // [1,2,3,4,5,6]

  // 当传入两个参数，是负数时，并且参数的绝对值大于数组length时，会截取整个数组
  let f = a.slice(-8);
  console.log(f);    // [1,2,3,4,5,6]
   
  // 当传入一个参数，大于length时，将返回一个空数组
  let h = a.slice(8);
  console.log(h);   // []
  

 

 用法二：

string.slice(start, end)  -->  提取字符串的片段

  let string = 'i am xiaozhu'
  let string1 = string.slice(0,3);
  console.log(string1);  // i a

 

💜splice: 剪接

用法: array.splice(start, deleteCount, item...)

解释：splice 方法从array中移除一个或多个数组，并用新的item替换它们，参数start是从数组array中移除元素的开始位置，参数deleteCount是要移除的元素的个数。

如果有额外的参数，那么item会插入到被移除元素的位置上，它返回一个被移除元素的数组。

let arr = [1,2,3,4,5,6]
let arr_a = arr.splice(1,3,5,6)
console.log(arr_a);  // [2,3,4]
console.log(arr);  // [1,5,6,5,6]

 

💜split: 操作字符串

用法： string.split(separator,limit)

解释：split方法用于把一个字符串分割成字符串数组。

如果separator是一个空字符，会返回一个单字符的数组。

 

参数	描述
separator	必须，字符串或正则表达式,从该参数指定的地方分割
limit	可选，该参数可指定的数组的最大长度，如果设置了参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割

提示和注释

注释： 如果把字符串("") 用作separator，那么stringObject中的每个字符之间都会被分割

 

var a="0,1,2,3,4,5,6";
var b=a.split("",3); // ["0", ",", "1"]

var a="0,1,2,3,4,5,6";
var b=a.split(",",3);  // ["0", "1", "2"]

var aa = "|a|b|c"
console.log(aa.split("|")); //["","a","b","c"]


  var aaa = "How are you today"
  console.log(aaa.split(" "));   // ["How","are","you","today"]
  console.log(aaa.split("")); // 每个字符都被分割  ['H','o','w','a','r','e','y','o','u','t','o','d','a','y']
  console.log(aaa.split("", 3));  // ["H","o","w"]
  console.log(aaa.split(",", 3));  // ["How are today"]
 

 

 

💜join():  操作数组

定义和用法

join() 用于把数组中的所有元素放入到一个字符串

元素是通过指定的分隔符进行分隔的。

参数	描述
separator	可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

let arr = [1,2,3]
let arra = arr.join("")
console.log(arra); // 123

 

 

💜substring: 

用法： stringObject.subtring(start, stop)

解释： substring() 方法用于提取字符串中介于两个指定下标之间的字符。

 

参数	描述
start	必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。
stop	可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。 如果省略该参数，那么返回的子串会一直到字符串的结尾。

返回值

一个新的字符串，其内容是从start到stop-1 处的所有字符，其长度为stop减start, 字符串下标从0开始

 

重要事项：与 slice() 和 substr() 方法不同的是，substring() 不接受负的参数。

 

<script type="text/javascript">

var str="Hello world!"
document.write(str.substring(3))

</script>

输出：

lo world!