splice、slice和split

 

1、slice操作数组，返回截取的那一段数组(第二个参数代表终止索引值)，原数组不变，也可操作字符串

[0,1,2,3,4,5,6].slice(2,5)
[2, 3, 4]

[0,1,2,3,4,5,6].slice(2)
[2, 3, 4,5,6]

[0,1,2,3,4,5,6].slice(-1)
[6]

 

2、splice操作数组，返回截取的那一段数组(第二个参数代表截取个数)，原数组变少，不能操作字符串

[0,1,2,3,4,5,6].splice(0,3)
[0, 1, 2]

[0,1,2,3,4,5,6].splice(2,4)
[2, 3, 4, 5]

 

3、substring操作字符串，返回截取的那一段字符串(第二个参数代表终止索引值)，原字符串不变，不能操作数组

'0123456789'.substring(2,5)
"234"

'0123456789'.substring(2)
"23456789"

 

4、substr操作字符串，返回截取的那一段字符串(第二个参数代表截取个数)，原字符串不变，不能操作数组

'0123456789'.substr(3,5)
"34567"

'0123456789'.substr(3)
"3456789"

'0123456789'.substr(-1)
"9"

 

5、split操作字符串，返回新数组，原字符串不变，不能操作数组

'0,1,2,3,4,5,6,7'.split(',')
["0", "1", "2", "3", "4", "5", "6", "7"]

 

6、join操作数组，返回用指定符号连接后的字符串，原数组不变，不能操作字符串

[0,1,2,3,4,5,6,7,8,9].join('.')
"0.1.2.3.4.5.6.7.8.9"

[0,1,2,3,4,5,6,7,8,9].join(',')
"0,1,2,3,4,5,6,7,8,9"

[0,1,2,3,4,5,6,7,8,9].join('-')
"0-1-2-3-4-5-6-7-8-9"

 

7、push操作数组，返回添加后数组的长度，原数组改变，不能操作字符串

var arr=[0,1,2,3,4,5,6,7,8,9];console.log(arr.push(5));console.log(arr)
11
 [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 5]

var arr=[0,1,2,3,4,5,6,7,8,9];console.log(arr.push(5,3,'aa'));console.log(arr)
13
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 5, 3, "aa"]

 

8、map操作数组，返回一个新的数组，新数组是原数组经过处理过后得到的，原数组不变

const goodsIds = this.selectedRows.map(item => item.id)

 

9、filter操作数组，返回一个新的数组，新数组中的元素是原数组中符合条件的所有元素，return为true的item，原数组不变

this.selectedRows = this.selectedRows.filter(item => item.id !== row.goodsId)