ฉันจะลบองค์ประกอบออกจากรายการโดยใช้ lodash ได้อย่างไร

ฉันมีวัตถุที่มีลักษณะเช่นนี้:

var obj = {
    "objectiveDetailId": 285,
    "objectiveId": 29,
    "number": 1,
    "text": "x",
    "subTopics": [{
        "subTopicId": 1,
        "number": 1
    }, {
        "subTopicId": 2,
        "number": 32
    }, {
        "subTopicId": 3,
        "number": 22
    }]
}
var stToDelete = 2;

ฉันได้lodashติดตั้งในแอปพลิเคชันของฉันสำหรับสิ่งอื่น ๆ มีวิธีที่มีประสิทธิภาพเพื่อใช้lodashในการลบรายการ: {"subTopicId":2, "number":32}จากobjวัตถุหรือไม่

หรือมีวิธีจาวาสคริปต์ในการทำเช่นนี้?

เมื่อ lyyons ชี้ให้เห็นในความคิดเห็นวิธีที่ใช้สำนวนและ lodashy มากขึ้นในการทำเช่นนี้ก็คือการใช้_.removeเช่นนี้

_.remove(obj.subTopics, {
    subTopicId: stToDelete
});

นอกจากนั้นคุณสามารถส่งผ่านฟังก์ชันเพรดิเคตซึ่งจะใช้ผลลัพธ์เพื่อพิจารณาว่าจะลบองค์ประกอบปัจจุบันหรือไม่

_.remove(obj.subTopics, function(currentObject) {
    return currentObject.subTopicId === stToDelete;
});

หรือคุณสามารถสร้างอาร์เรย์ใหม่โดยการกรองอาร์เรย์เก่าด้วย_.filterและกำหนดให้กับวัตถุเดียวกันเช่นนี้

obj.subTopics = _.filter(obj.subTopics, function(currentObject) {
    return currentObject.subTopicId !== stToDelete;
});

หรือ

obj.subTopics = _.filter(obj.subTopics, {subTopicId: stToKeep});

เพียงใช้วานิลลา JS คุณสามารถใช้spliceเพื่อลบองค์ประกอบ:

obj.subTopics.splice(1, 1);

การสาธิต

_pullคุณสามารถทำมันได้ด้วย

_.pull(obj["subTopics"] , {"subTopicId":2, "number":32});

ตรวจสอบการอ้างอิง

ตอนนี้คุณสามารถใช้_.rejectซึ่งอนุญาตให้คุณกรองตามสิ่งที่คุณต้องการกำจัดแทนที่จะเป็นสิ่งที่คุณต้องการเก็บไว้

ไม่เหมือน_.pullหรือ_.removeว่าการทำงานเฉพาะในอาร์เรย์._rejectคือการทำงานใด ๆ Collection

obj.subTopics = _.reject(obj.subTopics, (o) => {
  return o.number >= 32;
});

มีสี่วิธีในการทำสิ่งนี้ตามที่ฉันรู้

const array = [{id:1,name:'Jim'},{id:2,name:'Parker'}];
const toDelete = 1;

ครั้งแรก:

_.reject(array, {id:toDelete})

ประการที่สองคือ:

_.remove(array, {id:toDelete})

ด้วยวิธีนี้อาร์เรย์จะกลายพันธุ์

คนที่สามคือ:

_.differenceBy(array,[{id:toDelete}],'id')
// If you can get remove item 
// _.differenceWith(array,[removeItem])

อันสุดท้ายคือ:

_.filter(array,({id})=>id!==toDelete)

ฉันกำลังเรียนรู้ lodash

ตอบเพื่อสร้างบันทึกเพื่อที่ฉันจะได้พบมันในภายหลัง

นอกเหนือไปจาก @thefourtheye คำตอบโดยใช้กริยา แทนของฟังก์ชั่นที่ไม่ระบุชื่อดั้งเดิม:

  _.remove(obj.subTopics, (currentObject) => {
        return currentObject.subTopicId === stToDelete;
    });

หรือ

obj.subTopics = _.filter(obj.subTopics, (currentObject) => {
    return currentObject.subTopicId !== stToDelete;
});

Lodash และ typescript

const clearSubTopics = _.filter(obj.subTopics, topic => (!_.isEqual(topic.subTopicId, 2)));
console.log(clearSubTopics);

นี่คือฟังก์ชั่นแบบเรียบง่ายที่มีอาร์เรย์และลบด้วยหมายเลขดัชนี

index_tobe_delete = 1

fruit = [{a: "apple"}, {b: "banana"}, {c: "choco"}]
_.filter(fruit, (value, key)=> {
return (key !== index_tobe_delete)
})