Question

我有一个数组模型如下：

nodes:[
 { id: 1, label: 'label1'},
 { id: 2, label: 'label2'},
 { id: 3, label: 'label3'}
]

我想通过id

获得节点过滤的标签

我尝试了下一个方法，但是没有让它运作

const selectedNode = 2;

const nodeLabel = nodes.filter(({id}) => id.label ? id === selectedNode) // its filter here

Answer 1

您可以通过传递find提供的功能来使用callback方法。

find()方法返回数组中传递提供的测试函数的第一个元素的值。否则返回undefined。

＆＃13;

let nodes=[
 { id: 1, label: 'label1'},
 { id: 2, label: 'label2'},
 { id: 3, label: 'label3'}
];
let id=2;
let node = nodes.find(a=>a.id == id);
console.log(node ? node.label : 'id not found');

＆＃13;

Answer 2

nodes.find(node => node.id === selectedNode).label

Answer 3

你很亲密。

这一行

nodes.filer(({id}) => id.label ? id === selectedNode)

几乎没有问题（假设filer只是一个错字）

将整数与对象进行比较。（ id 是此处的对象）
filter会为您提供对象列表，而不是其属性label。
您正在将label与id值进行比较。
{id}将被id替换。

只需将其修改为

即可

nodes.filter( (id) => id.id === selectedNode )[0].label

<强>演示

var nodes = [
 { id: 1, label: 'label1'},
 { id: 2, label: 'label2'},
 { id: 3, label: 'label3'}
];
var selectedNode = 2;
console.log( nodes.filter( (id) => id.id === selectedNode )[0].label );

Answer 4

有几种方法可以做你正在尝试做的事情。以下是使用原生Array方法的一对。

链filter和map并解构返回的数组。

const [nodeLabel] = nodes
  .filter(({id}) => id === selectedNode)
  .map(({label}) => label)

使用reduce

const nodeLabel = nodes
  .reduce((returnValue, item) => {
    if (item.id === selectedNode) return item.label
    return returnValue
  })

如何过滤对象数组并获取过滤后的对象值

4 个答案: