Xóa một mục khỏi mảng bằng UnderscoreJS

Nói rằng tôi có mã này

var Array = [{id: 1, name: 'a'}, {id: 2, name: 'b'}, {id: 3, name: 'c'}];

và tôi muốn xóa mục có id = 3 khỏi mảng. Có cách nào để làm điều này mà không cần nối? Có thể một cái gì đó bằng cách sử dụng gạch dưới hoặc một cái gì đó như thế?

Cảm ơn!

Chỉ cần sử dụng JavaScript đơn giản, điều này đã được trả lời: xóa các đối tượng khỏi mảng bởi thuộc tính đối tượng .

Sử dụng underscore.js, bạn có thể kết hợp .findWherevới .without:

var arr = [{
  id: 1,
  name: 'a'
}, {
  id: 2,
  name: 'b'
}, {
  id: 3,
  name: 'c'
}];

//substract third
arr = _.without(arr, _.findWhere(arr, {
  id: 3
}));
console.log(arr);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

Mặc dù, vì dù sao bạn cũng đang tạo một mảng mới trong trường hợp này, bạn chỉ có thể sử dụng _.filterhoặc Array.prototype.filterhàm gốc (giống như được hiển thị trong câu hỏi khác). Sau đó, bạn sẽ chỉ lặp lại trên mảng một lần thay vì có khả năng hai lần như ở đây.

Nếu bạn muốn sửa đổi mảng tại chỗ , bạn phải sử dụng .splice. Điều này cũng được thể hiện trong câu hỏi khác và undescore dường như không cung cấp bất kỳ chức năng hữu ích nào cho việc đó.

Bạn có thể sử dụng gạch dưới .filter

    var arr = [{
      id: 1,
      name: 'a'
    }, {
      id: 2,
      name: 'b'
    }, {
      id: 3,
      name: 'c'
    }];

    var filtered = _(arr).filter(function(item) {
         return item.id !== 3
    });

Cũng có thể được viết là:

var filtered = arr.filter(function(item) {
    return item.id !== 3
});

var filtered = _.filter(arr, function(item) {
    return item.id !== 3
});

Kiểm tra Fiddle

Bạn cũng có thể dùng .reject

Sử dụng gạch dưới _.reject():

arr = _.reject(arr, function(d){ return d.id === 3; });

Underscore có phương thức _without () hoàn hảo để xóa một mục khỏi một mảng, đặc biệt nếu bạn có đối tượng cần xóa.

Trả về một bản sao của mảng với tất cả các phiên bản của các giá trị bị xóa.

_.without(["bob", "sam", "fred"], "sam");

=> ["bob", "fred"]

Hoạt động với các đối tượng phức tạp hơn quá.

var bob = { Name: "Bob", Age: 35 };
var sam = { Name: "Sam", Age: 19 };
var fred = { Name: "Fred", Age: 50 };

var people = [bob, sam, fred]

_.without(people, sam);

=> [{ Name: "Bob", Age: 35 }, { Name: "Fred", Age: 50 }];

Nếu bạn không có mục nào để xóa, chỉ cần một thuộc tính của nó, bạn có thể sử dụng _.findWherevà sau đó _.without.

Vui lòng thực hiện cẩn thận nếu bạn đang lọc các chuỗi và tìm kiếm các bộ lọc không phân biệt chữ hoa chữ thường. _.without () là trường hợp nhạy cảm. Bạn cũng có thể sử dụng _.reject () như hiển thị bên dưới.

var arr = ["test","test1","test2"];

var filtered = _.filter(arr, function(arrItem) {
    return arrItem.toLowerCase() !== "TEST".toLowerCase();
});
console.log(filtered);
// ["test1", "test2"]

var filtered1 = _.without(arr,"TEST");
console.log(filtered1);
// ["test", "test1", "test2"]

var filtered2 = _.reject(arr, function(arrItem){ 
    return arrItem.toLowerCase() === "TEST".toLowerCase();
});
console.log(filtered2);
// ["test1", "test2"]

Các câu trả lời khác tạo một bản sao mới của mảng, nếu bạn muốn sửa đổi mảng tại chỗ, bạn có thể sử dụng:

arr.splice(_.findIndex(arr, { id: 3 }), 1);

Nhưng điều đó giả định rằng phần tử sẽ luôn được tìm thấy bên trong mảng (vì nếu không tìm thấy nó vẫn sẽ loại bỏ phần tử cuối cùng). Để an toàn bạn có thể sử dụng:

var index = _.findIndex(arr, { id: 3 });
if (index > -1) {
    arr.splice(index, 1);
}

hoặc một cách tiện dụng khác:

_.omit(arr, _.findWhere(arr, {id: 3}));

2 xu của tôi

Sử dụng có thể sử dụng đồng bằng JavaScript của Array#filterphương pháp như thế này:

var arr = [{id:1,name:'a'},{id:2,name:'b'},{id:3,name:'c'}];

var filteredArr = arr.filter(obj => obj.id != 3);

console.log(filteredArr);

Hoặc, sử dụng Array#reducevà Array#concatphương pháp như thế này:

var arr = [{id:1,name:'a'},{id:2,name:'b'},{id:3,name:'c'}];

var reducedArr = arr.reduce((accumulator, currObj) => {
  return (currObj.id != 3) ? accumulator.concat(currObj) : accumulator;
}, []);

console.log(reducedArr);

GHI CHÚ:

• Cả hai đều là cách tiếp cận chức năng thuần túy ( nghĩa là chúng không sửa đổi mảng hiện có).
• Không, thư viện bên ngoài được yêu cầu theo cách tiếp cận này (Vanilla JavaScript là đủ).

Tôi đã từng thử phương pháp này

_.filter(data, function(d) { return d.name != 'a' });

Có thể có các phương pháp tốt hơn giống như các giải pháp trên được cung cấp bởi người dùng

Bằng cách sử dụng underscore.js

var arr = [{id:1,name:'a'},{id:2,name:'b'},{id:3,name:'c'}];

var resultArr = _.reject(arr,{id:3});

console.log(resultArr);

Kết quả sẽ là :: [{id:1name:'a'},{id:2,name:'c'}]

Bạn có thể sử dụng phương thức từ chối của Underscore, bên dưới sẽ trả về một mảng mới sẽ không có mảng với kết quả khớp cụ thể

arr = _.reject(arr, function(objArr){ return objArr.id == 3; });