Angular/TypeScript中如何移除数组的首个或末尾对象？

你当前的deleteFirst函数无法生效，是因为犯了两个基础错误：

1. shift是数组原型方法，不能调用在数组的单个元素上（this.persons[0]是数组里的对象，不是数组）
2. 你只写了方法名shift，没有加括号()执行这个方法

正确移除首个元素 #

修改deleteFirst函数，直接调用数组的shift()方法即可：

deleteFirst = () => {
  // shift() 会移除数组的第一个元素，同时修改原数组
  this.persons.shift();
}

正确移除末尾元素 #

如果需要删除数组最后一个元素，使用数组的pop()方法：

deleteLast = () => {
  // pop() 会移除数组的最后一个元素，同时修改原数组
  this.persons.pop();
}

额外说明 #

如果遇到操作数组后视图没有更新的极端情况，可以通过创建新数组的方式触发Angular变更检测，比如：

• 替代shift()：this.persons = this.persons.slice(1);
• 替代pop()：this.persons = this.persons.slice(0, -1);

内容的提问来源于stack exchange，提问作者ng-User