如何从C# Dictionary创建动态JavaScript对象

Hey fellow dev! Let's break down how to get that direct property access you want when working with a parsed C# Dictionary in JavaScript—plus a neat realization that saved us some extra code.

Initial Scenario #

You've got a C# Dictionary that's been parsed into a JavaScript object, right? At first, you could only access values by looking up the key, like yourDictionary['yourKeyName']. But you wanted to simplify this to use direct property access, like yourDictionary.yourKeyName.

The Solution (Plus a Game-Changing Update!) #

First, let's cover the manual conversion approach in case you ever need it:

• You can write a tiny utility function to map the dictionary's key-value pairs onto a plain JS object, which enables direct property access out of the box:

function convertDictToDynamic(dict) {
  const dynamicObj = {};
  // Iterate over each key in the parsed dictionary
  for (const key of Object.keys(dict)) {
    dynamicObj[key] = dict[key];
  }
  return dynamicObj;
}

// Usage example
const parsedCSharpDict = /* Your parsed C# Dictionary here */;
const dynamicObj = convertDictToDynamic(parsedCSharpDict);
// Now you can access values directly:
console.log(dynamicObj.myFavoriteKey);

But here's the big win: thanks to a tip from Mateusz Kleinert, we realized that the parsed object you already have probably supports property accessors natively!

JavaScript lets you use dot notation (obj.key) on any plain object as long as the key is a valid identifier (no spaces, special characters, or reserved words). So if your parsed C# Dictionary came through as a standard JS object (not a Map or other specialized structure), you can skip the conversion entirely and just use yourParsedDict.yourKeyName directly.

Problem solved without extra code—nice!

内容的提问来源于stack exchange，提问作者Saeid