JavaScript: Why does my array of objects return undefined when accessing properties after a filter operation?
I'm reviewing some code and I tried several approaches but none seem to work..... I'm working with an array of objects in JavaScript and using the `filter` method to create a new array based on a certain condition. However, after filtering, when I try to access properties of the resulting array, I keep getting `undefined`. Here’s what I have: ```javascript const data = [ { id: 1, name: 'Alice', age: 25 }, { id: 2, name: 'Bob', age: 30 }, { id: 3, name: 'Charlie', age: 35 } ]; const filteredData = data.filter(person => person.age > 30); console.log(filteredData); console.log(filteredData[0].name); // This returns undefined ``` I expected `filteredData[0].name` to return 'Charlie', but it's giving me `undefined`. I’ve confirmed that the filtering works correctly since `console.log(filteredData)` outputs the correct array containing only the object with `id: 3`. I’ve also checked that `filteredData.length` gives me `1`, confirming that there is an object in the filtered array. What could be causing this scenario? Is there something I’m missing with how I'm accessing the filtered array's properties or maybe with the `filter` method itself? I'm using Node.js version 14.17.0 for this code. Any help would be greatly appreciated. This is part of a larger application I'm building. Any suggestions would be helpful.