Struggling to Parse JSON with Mixed Key Types in TypeScript - Inconsistent Results
Quick question that's been bugging me - I'm stuck on something that should probably be simple... I'm working with a JSON payload that has a mix of string keys and numeric keys, and I'm working with issues when trying to parse and access the values in TypeScript. The JSON looks something like this: ```json { "name": "John Doe", "age": 30, "skills": { "1": "JavaScript", "2": "TypeScript", "3": "React" } } ``` When I try to access the skills using a numeric index, I get an `undefined` value. Here's the code snippet I'm using: ```typescript const data = JSON.parse(jsonString); const firstSkill = data.skills[1]; // Expected to get 'JavaScript' console.log(firstSkill); ``` Instead of returning 'JavaScript', it outputs `undefined`. I suspect this is because JSON keys are treated as strings, and accessing them with a number might not be working as expected. I've also tried using the string representation of the key: ```typescript const firstSkill = data.skills['1']; // Should return 'JavaScript' ``` This works, but feels clumsy, especially when I want to loop through the skills. I’ve tried a `for-in` loop and it seems to work, but I’d like a cleaner approach. For example: ```typescript for (const key in data.skills) { console.log(key, data.skills[key]); } ``` I'm wondering if there's a more TypeScript-friendly way to handle this situation, possibly using types or interfaces that can accommodate both string and numeric keys in a more elegant fashion. Any insights on best practices for parsing and accessing such mixed key types in TypeScript would be greatly appreciated! I'm using TypeScript version 4.5.2. My development environment is Linux. How would you solve this? My team is using Typescript for this desktop app. My team is using Typescript for this mobile app. Thanks, I really appreciate it!