应用场景:如table表格需要新增一行数据,当前页table表格数据少时,可选择追加到尾部,当需要频繁新增时,追加头部较为合适。js常用方法实战:push() splice() unshift()
![](https://img-blog.csdnimg.cn/2019100817213230.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDA5NjQ0OA==,size_16,color_FFFFFF,t_70)
1.尾部追加:使用push()方法
// 添加行
addRow () {
let item = {
equipmentName: undefined,
equipmentNo: '',
startTime: '',
endTime: ''
}
this.dataSource.push(item)
}
2.头部追加:使用unshift()方法
// 添加行
addRow () {
let item = {
equipmentName: undefined,
equipmentNo: '',
startTime: '',
endTime: ''
}
this.dataSource.unshift(item)
}
3.删除行:使用splice()方法
// 删除行
delRow (index) {
this.dataSource.splice(index, 1)
}
4.替换行(删除指定位置行数据,追加指定数据到当前位置):使用splice()方法
// 替换行
replaceRow (index) {
let item = {
equipmentName: undefined,
equipmentNo: '',
startTime: '',
endTime: ''
}
this.dataSource.splice(index, 1, item)
}
var arr = ['a', 'b', 'c', 'd', 'e']
arr.splice(2, 1, 0)
console.log(arr) // 'a', 'b', 0, 'd', 'e'