JavaScript find() 方法搜索对象数组以查找元素，结果不可访问

Question

 //array of objects
 const posts = [ {userId: 1, id: 1, title: "sunt", author: 
 "Tom"},
 {userId: 1, id: 2, title: "qui est esse",author: "Tom"},
 {userId: 1, id: 3, title: "ea molestias", author: "Tom"}, 
 {userId: 1, id: 4, title: "eum et est occaecati", author: 
 "Tom"}]

 //id of one of the object
 const ItemId = 2

 //trying to find the object that has id: 2 an then print other 
 key -values pairs from that prticular object

 let post= posts.find(item=> item.id===ItemId)
 console.log(post)
 //result: {userId: 1, id: 2, title: "qui est esse",author: 
 "Tom"}
 console.log(post.title)
 //result: undefined --- why can not access these properties?
 console.log(post.author)
 //result: undefined
 console.log (typeof post)
 //result:  "string" --- why string, its an object is it?

  

Appreciate any insights, I dont follow why those find() method results can not be access by the way we access propreties in objects? I have also tried using brackets like this: post[author) with no success... Thanks a lot for anything on the subject

Answer 1

Don't you get any errors? because when I copied your code and run then it has multiple errors.

//array of objects
const posts = [ {userId: 1, id: 1, title: "sunt", author: "Tom"},
{userId: 1, id: 2, title: "qui est esse",author: "Tom"},
{userId: 1, id: 3, title: "ea molestias", author: "Tom"}, 
{userId: 1, id: 4, title: "eum et est occaecati", author: 
"Tom"}];
let post= posts.find(item=> item.id===2)
console.log(post)
console.log(post.title)
console.log(post.author)
console.log (typeof post)

Try this code. Its is returning everything correct

Answer 2

Your code seem to have a couple of syntax errors:

First you forgot to put a comma after one of the elements in the array. Each element should be separated by a comma {userId: 1, id: 2, title: "qui est esse",author: "Tom"},

A local variable in Javascript can be set a value using a = sign. In your code you were using const ItemId: 2 . Declaring a variable using : should only be used when declaring it inside an Object, but not when declaring a local variable or constant.

This is the full code with the fixed syntactical errors:

 //array of objects
 const posts = [ {userId: 1, id: 1, title: "sunt", author: 
 "Tom"},
 {userId: 1, id: 2, title: "qui est esse",author: "Tom"},
 {userId: 1, id: 3, title: "ea molestias", author: "Tom"}, 
 {userId: 1, id: 4, title: "eum et est occaecati", author: 
 "Tom"}];

 //id of one of the object
 const ItemId = 2;

 //trying to find the object that has id: 2 an then print other  key -values pairs from that prticular object

 let post= posts.find(item=> item.id===ItemId)
 console.log(post)
 //result: {userId: 1, id: 2, title: "qui est esse",author: "Tom"}
 console.log(post.title)
 //result: undefined --- why can not access these properties?
 console.log(post.author)
 //result: undefined
 console.log (typeof post)
 //result:  "string" --- why string, its an object is it?