Angular中遇TypeError: this.options.pull is not a function错误求解决

原生JavaScript数组不存在pull()、remove()这类方法，这就是你执行删除操作时报错的核心原因。要实现“每次点击移除最后一个元素并推入新元素”的需求，使用原生数组方法即可。

修正后的代码 #

ngOnInit() {
  this.arrayform();
}

x: any;
userIndex: number = 0; // 需确保已初始化该变量
saveCap: any[] = []; // 数据源数组，需提前定义或赋值

arrayform() {
  this.x = this.saveCap[this.userIndex];
  console.log(this.x);
  this.options.push(this.x);
  console.log(this.options);
}

arrayDel() {
  // 移除数组最后一个元素，直接使用pop()
  this.options.pop();
  
  // 若需求是移除指定的this.x元素而非最后一个，可改用以下方式：
  // const targetIndex = this.options.indexOf(this.x);
  // if (targetIndex !== -1) {
  //   this.options.splice(targetIndex, 1);
  // }
}

checkoptions() {
  this.userIndex++;
  this.arrayDel();
  this.arrayform();
}

关键要点 #

• pop()方法专门用于移除数组的最后一个元素，完全匹配你“移除最后一个元素”的需求，操作简洁高效。
• 若需要移除指定元素而非最后一个，可通过indexOf()获取元素索引，再用splice()删除对应位置的元素；或使用filter()生成排除目标元素的新数组：

  this.options = this.options.filter(item => item !== this.x);
  

• 注意控制userIndex的范围，避免超出saveCap数组长度导致推入undefined元素。

内容的提问来源于stack exchange，提问作者renu manwani