过滤器数组存在于对象数组中而​​不影响主数组

Question

我有下面这样的 JSON，我需要过滤掉年龄小于 25 岁的工人。

var employee = {
  "value": [
    {
      "position": "Seniro Developer",
      "description": "Developemwnt",
      "workers": [
        {
          "name": "Kumar",
          "age": 22
        },
        {
          "name": "aravinth",
          "age": 29
        },
        {
          "name": "sathish",
          "age": 35
        }
      ]
    },
    {
      "position": "Tester",
      "description": "testing",
      "workers": [
        {
          "name": "vinth",
          "age": 18
        },
        {
          "name": "rahul",
          "age": 45
        },
        {
          "name": "sathish",
          "age": 12
        }
      ]
    }
  ]
}

我尝试使用下面的代码，但它返回了工人数组中的所有值，但我的期望是它应该只返回 25 岁以上的员工。

如果我使用 Map 功能，它也会影响员工对象。

var filteredResult = employee.filter(e => e.workers.some(w => w.age < 25))

预期结果：

{
  "value": [
    {
      "position": "Seniro Developer",
      "description": "Developemwnt",
      "workers": [
        {
          "name": "Kumar",
          "age": 22
        }
      ]
    },
    {
      "position": "Tester",
      "description": "testing",
      "workers": [
        {
          "name": "vinth",
          "age": 18
        },
        {
          "name": "sathish",
          "age": 12
        }
      ]
    }
  ]
}

Answer 1

你可以用一个map和一个filter来做，为了避免修改原始数组，你可以使用Object.asign

var employee = {
  "value": [{
      "position": "Seniro Developer",
      "description": "Developemwnt",
      "workers": [{
          "name": "Kumar",
          "age": 22
        },
        {
          "name": "aravinth",
          "age": 29
        },
        {
          "name": "sathish",
          "age": 35
        }
      ]
    },
    {
      "position": "Tester",
      "description": "testing",
      "workers": [{
          "name": "vinth",
          "age": 18
        },
        {
          "name": "rahul",
          "age": 45
        },
        {
          "name": "sathish",
          "age": 12
        }
      ]
    }
  ]
}



var filteredResult = employee.value.map(e => {
  let filter = e.workers.filter(w => w.age < 25)
  
  return Object.assign({}, e, {workers: filter})
})

console.log('original', employee)
console.log('result', filteredResult)

Answer 2

您可以减少数组并检查过滤后的workers 是否有一些元素，然后将更改了workers 的新对象推送到结果集中。

var employee = { value: [{ position: "Seniro Developer", description: "Developemwnt", workers: [{ name: "Kumar", age: 22 }, { name: "aravinth", age: 29 }, { name: "sathish", age: 35 }] }, { position: "Tester", description: "testing", workers: [{ name: "vinth", age: 18 }, { name: "rahul", age: 45 }, { name: "sathish", age: 12 }] }] },
    value = employee.value.reduce((r, o) => {
        const workers = o.workers.filter(({ age }) => age < 25);
        if (workers.length) r.push({ ...o, workers });
        return r;
    }, []),
    result = { value };

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

你也可以试试这个：

var employee = { "value": [ { "position": "Seniro Developer", "description": "Developemwnt", "workers": [ { "name": "Kumar", "age": 22 }, { "name": "aravinth", "age": 29 }, { "name": "sathish", "age": 35 } ] }, { "position": "Tester", "description": "testing", "workers": [ { "name": "vinth", "age": 18 }, { "name": "rahul", "age": 45 }, { "name": "sathish", "age": 12 } ] } ]}
result = employee.value.map(({workers, ...rest})=>({...rest, workers:[...workers.filter(k=>k.age<25)]}));

console.log(result);

Answer 4

使用 map 并在返回对象中创建 workers 键时使用 filter 获取年龄小于 25 岁的员工。map 将创建一个数组

var employee = {
  "value": [{
      "position": "Seniro Developer",
      "description": "Developemwnt",
      "workers": [{
          "name": "Kumar",
          "age": 22
        },
        {
          "name": "aravinth",
          "age": 29
        },
        {
          "name": "sathish",
          "age": 35
        }
      ]
    },
    {
      "position": "Tester",
      "description": "testing",
      "workers": [{
          "name": "vinth",
          "age": 18
        },
        {
          "name": "rahul",
          "age": 45
        },
        {
          "name": "sathish",
          "age": 12
        }
      ]
    }
  ]
}

let filteredEmployee = employee.value.map((item) => {
  return {
    "position": item.position,
    "description": item.description,
    "workers": item.workers.filter(elem => elem.age < 25)
  }
});
let newObject = Object.assign({}, {
  value: filteredEmployee
});

console.log(newObject)

Answer 5

您可以将map 方法与... rest syntax 一起使用：

employee.value.map(({workers, ...rest}) => ({...rest, 
    workers: workers.filter(w => w.age < 25)}));

一个例子：

let employee = {
    "value": [
      {
        "position": "Seniro Developer",
        "description": "Developemwnt",
        "workers": [
          {
            "name": "Kumar",
            "age": 22
          },
          {
            "name": "aravinth",
            "age": 29
          },
          {
            "name": "sathish",
            "age": 35
          }
        ]
      },
      {
        "position": "Tester",
        "description": "testing",
        "workers": [
          {
            "name": "vinth",
            "age": 18
          },
          {
            "name": "rahul",
            "age": 45
          },
          {
            "name": "sathish",
            "age": 12
          }
        ]
      }
    ]
  }

  const result = employee.value.map(({workers, ...rest}) => ({...rest, workers: workers.filter(w => w.age < 25)}));
  console.log(result);