Run results for: Options

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36

Browser: Chrome 94

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
With splice	349687.6 Ops/sec
With filter	385527.5 Ops/sec

Script Preparation code:

var arr = {
    x: [{
        id: 1,
        label: "a",
        type: "x"
    }, {
        id: 2,
        label: "b",
        type: "x"
    }, {
        id: 3,
        label: "c",
        type: "x"
    }],
    y: [{
        id: 4,
        label: "d",
        type: "y"
    }, {
        id: 5,
        label: "e",
        type: "y"
    }, {
        id: 6,
        label: "f",
        type: "y"
    }],
    z: [{
        id: 7,
        label: "g"
    }]
};

Tests:

With splice
const option = {value:3, label:"c"}; const comparator = ({id}, index, array) => { if(id === option.value){ array.splice(index, 1); return true; } } const x = [...arr.x]; const y = [...arr.y]; const property = x.find(comparator) || y.find(comparator); const z = [...arr.z] z.push({ ...property, value: '', errorMessage: '' }); const obj = {x,y,z};
With filter
const option = {value:3, label:"c"}; const comparator = ({id}, index, array) => { if(id === option.value){ return true; } } const property = arr.x.find(comparator) || arr.y.find(comparator); const list = arr[property.type].filter(option => option.id !== property.id); const z = [...arr.z]; z.push({ ...property, value: '', errorMessage: '' }); const obj = {...arr, z, [property.type]: list};

With splice

With filter