使用linq.js从对象数组中删除元素

时间:2016-09-08 08:20:43

标签: javascript angularjs linq.js

我刚刚开始使用linq.js,发现它非常有用,但是我确实无法以某种方式解决这个问题。我使用angular,我有一个简单的json数组,结构如下:

[
  { id: 1, name: 'John', age: 20},
  { id: 2, name: 'Josh', age: 34},
  { id: 3, name: 'Peter', age: 32},
  { id: 4, name: 'Anthony', age: 27},
]

我正在寻找能够帮助我理解如何通过id属性删除此数组元素的最佳(或至少是一个工作)示例。我找到了一些简单数组的例子(但没有json元素),这些对我的帮助太大了。

我有以下功能来执行删除部分:

this.removePerson = function(id) {
   //here's how I access the array
   vm.people
}

2 个答案:

答案 0 :(得分:2)

使用linq.js,您需要转换数据ToDictionary,从Single获取enumerable所需的项目并移除该项目。

然后你必须通过enumerable从字典再次重建数组并选择到数组。

Etvoilà!

var data = [{ id: 1, name: 'John', age: 20}, { id: 2, name: 'Josh', age: 34}, { id: 3, name: 'Peter', age: 32}, { id: 4, name: 'Anthony', age: 27}],
    enumerable = Enumerable.From(data),
    dictionary = enumerable.ToDictionary();

dictionary.Remove(enumerable.Single(s => s.id === 3));
console.log(dictionary.ToEnumerable().Select(s => s.Key).ToArray());
.as-console-wrapper { max-height: 100% !important; top: 0; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/linq.js/2.2.0.2/linq.js"></script>

答案 1 :(得分:1)

   //assuming your sample data
    var vm = {};
    vm.people = [
      { id: 1, name: 'John', age: 20},
      { id: 2, name: 'Josh', age: 34},
      { id: 3, name: 'Peter', age: 32},
      { id: 4, name: 'Anthony', age: 27},
    ];

    //just loop through and delete the matching object
    this.removePerson = function(id) {
      for(var i=0;i<vm.people.length;i++){
          if(vm.people[i].id == id){
          vm.people.splice(i, 1);//removes one item from the given index i
          break;
          }
      }
    };

JSBin here