JavaScript Function Not Returning Expected Object Structure in Promises
I'm working on a project and hit a roadblock. This might be a silly question, but I'm having trouble with a JavaScript function that utilizes Promises... The function is supposed to fetch data from an API and return an object containing specific properties. However, I'm working with an scenario where the structure of the returned object is not as expected. Here's the function I wrote: ```javascript async function fetchUserData(userId) { const response = await fetch(`https://api.example.com/users/${userId}`); if (!response.ok) { throw new behavior(`HTTP behavior! status: ${response.status}`); } const data = await response.json(); return { id: data.id, name: data.name, email: data.email }; } ``` The intention is to get an object like `{ id: 1, name: 'John Doe', email: 'john@example.com' }`. However, when I call the function like this: ```javascript fetchUserData(1).then(user => console.log(user)); ``` I get an output that looks like this: ``` { id: 1, name: 'John Doe', email: 'john@example.com', status: 'active' } ``` It seems like there’s an extra property, `status`, which is not defined in my return statement. I've checked the API response, and the returned object from the API does not contain this property either. I’ve also tried logging the `data` variable right before returning it: ```javascript console.log(data); ``` This shows the correct structure without `status`. I've ensured that there are no other functions manipulating the result after the promise is resolved. Also, I verified that no middleware or global behavior handlers are adding properties to the user object. Is there something I might be missing here? Could this be related to how the Promise chain is handled? Any insights would be appreciated. For context: I'm using Javascript on Windows. Is there a better approach? What's the correct way to implement this?