如何过滤对象数组和 return 只有 4 个属性中的 2 个并格式化？

Question

我从 API 收到以下对象数组：

{id: 0, color: 'Red', code:'AAA'}
{id: 1, color: 'Blue', code:'BBB'}
{id: 2, color: 'Orange', code:'CCC'}
{id: 3, color: 'Black', code:'DDD'}

我怎样才能 return 它用于另一个数组，但前提是 id > 1 并且像这样：

const arrayFiltered = { 'Orange#CCC', 'Black#DDD' }

我需要将其转换为字符串数组并连接 2 个属性...

Answer 1

您想要的输出无效。 arrayFiltered 将是一个数组而不是一个对象，它的输出就像 ['Orange#CCC', 'Black#DDD']

const arrayFiltered = arrayInput.filter(c => c.id > 1).map(c => c.color + c.code);

Answer 2

假设给定的数组是 givenArr

const givenArr = [
  {id: 0, color: 'Red', code:'AAA'},
  {id: 1, color: 'Blue', code:'BBB'},
  {id: 2, color: 'Orange', code:'CCC'},
  {id: 3, color: 'Black', code:'DDD'}
]

result = givenArr.filter((val) => val.id > 1).map((item) => `${item.color}#${item.code}`)

console.log(result)

如何过滤对象数组和 return 只有 4 个属性中的 2 个并格式化？

How to filter object array and return only 2 of 4 properties and formated?

javascript

arrays

api

filter

vuejs3