使用 find() 在 JSON 中查找 object

Question

这似乎是一个愚蠢的问题……但是……

所以我只是想找到一个存储在数组（JSON）中的 object，当我执行这个简单的代码时，它给了我未定义的

let test = [
    {id : "1", name:"ExpressJS", phone : "123"},
    {id : "2", name:"ReactJS", phone:"456"},
    {id : "3", name:"CRUD programming", phone:"789"},
]
let data = test.find((a) => {a.id == 1})
console.log(data);

**结果：未定义**

Answer 1

您没有从箭头 function 返回任何内容：

(a) => {a.id == 1}

您可以使用以下两个选项之一修复它：

let data = test.find((a) => a.id == 1);

或者：

let data = test.find((a) => { return a.id == 1 });

Answer 2

当您在箭头 function 中使用花括号时，您需要一个显式的 return 语句。 或者只是省略花括号

let test = [
    {id : "1", name:"ExpressJS", phone : "123"},
    {id : "2", name:"ReactJS", phone:"456"},
    {id : "3", name:"CRUD programming", phone:"789"},
]
let data = test.find((a) => a.id === "1")
console.log(data);

Answer 3

如果要使用花括号，则必须输入return关键字。 否则，您不需要显式使用return关键字。 请参阅文档： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

在以下代码中查看两种方式。

let test = [
    {id : "1", name:"ExpressJS", phone : "123"},
    {id : "2", name:"ReactJS", phone:"456"},
    {id : "3", name:"CRUD programming", phone:"789"},
]

let res1 = test.find((a) => a.id == 1)

let res2 = test.find((a) => { return a.id == 1 })

console.log(res1); // { id: '1', name: 'ExpressJS', phone: '123' }
console.log(res2); // { id: '1', name: 'ExpressJS', phone: '123' }

在这两种方式中，我们都会得到相同的结果。