基于值从对象数组中选择属性：Javascript

Question

我有一个具有以下结构的对象数组：

var arr = [
  {
    "value": "abc",
    "checked": true
  },
  {
    "value": "xyz",
    "checked": false
  },
  {
    "value": "lmn",
    "checked": true
  }
];

let result = arr.filter(item => item.checked);

console.log(result);

我希望输出为：

["abc", "lmn"] 

因为这两个value都检查了：true。

我已尝试根据选中值筛选出：

let result = arr.filter(item => item.checked);

我正在获取已选中的对象属性值设置为true。

我们将不胜感激。

Answer 1

首先，这是无效的JS-您需要交换括号和大括号。数组使用[]，对象使用{}，而不是相反。

其次，您应该首先根据选中的属性筛选出所需的对象，然后使用map提取所需的属性：

const arr =[{"value":"abc","checked":true},{"value":"xyz","checked":false},{"value":"lmn","checked":true}];

const res = arr.filter(({ checked }) => checked).map(({ value }) => value);

console.log(res);

Answer 2

您可以使用reduce并检查checked属性是否为真，然后将值推送到累加器（正如assoron指出的那样）-不需要两个循环：

const arr = [
  { "value": "abc", "checked": true },
  { "value": "xyz", "checked": false },
  { "value": "lmn", "checked": true }
]

const filtered = arr.reduce((a, o) => (o.checked && a.push(o.value), a), [])      
console.log(filtered)

Answer 3

使用过滤器和地图：

const arr =[{"value":"abc","checked":true},{"value":"xyz","checked":false},{"value":"lmn","checked":true}];

 const result = arr.filter(res=>res.checked).map(ele=>ele.value);
 
 console.log(result);