处理 JavaScript 对象中的连字符答案

【问题标题】：Dealing with Hyphens in a JavaScript Object处理 JavaScript 对象中的连字符
【发布时间】：2020-05-15 08:03:29
【问题描述】：

我正在为 .NET MVC5 应用程序使用开源网格库 (Nonfactors-MVC-Grid)，无论出于何种原因，渲染器都会将 C# 中的 snake_case 变量名称转换为 JavaScript 中的连字符。

document.addEventListener('rowclick', function (e) {
    //Value in C# will be some_id
    var some_id = e.detail.data.some-id; //debugger displays this
});

显然，这对 JS 来说是一个糟糕的命名约定，但我很好奇是否有另一种方法来捕获这个变量，而不必在后端重构我的命名约定。

【问题讨论】：

你可以做e.detail.data['some-id']

标签： javascript nonfactors-mvc-grid

【解决方案1】：

您还可以使用方括号获取器 ([ ]) 访问对象属性。
这可以在您的情况下用于访问包含连字符的对象属性。

document.addEventListener('rowclick', function (e) {
    //Value in C# will be some_id
    var some_id = e.detail.data['some-id']; //debugger displays this
});

您也可以使用相同的 getter 来获取动态属性

document.addEventListener('rowclick', function (e) {
    //Value in C# will be some_id
    let key = 'some-id';
    var some_id = e.detail.data[key]; //debugger displays this
});

【讨论】：