Question

我正在尝试使用对象键访问另一个对象中的对象。我正在连接一组<select>元素的值以构建与键匹配的字符串。不幸的是，这无效。这是下面的代码：

    var valueKeyString = "";
    $(".keySelector").each(function(){
        valueKeyString += $(this).val();
    });
    if (geoAttrs[selectedGeoAttr].rowCol == "row") {
        mapData = rowValueGroups[valueKeyString];
    } else if (geoAttrs[selectedGeoAttr].rowCol == "col") {
        mapData = colValueGroups[valueKeyString];
    }

在尝试了很多事情之后，我使用charCodeAt()逐字符地测试了字符串：

    var test1 = valueKeyString;
    for (var i = 0, len = valueKeyString.length; i < len; i++) {
      test1 += valueKeyString.charCodeAt(i)+" ";
    }
    if (geoAttrs[selectedGeoAttr].rowCol == "row") {
        Object.keys(colValueGroups).forEach(function(group) {
            var test2 = group;
            for (var i = 0, len = group.length; i < len; i++) {
              test2 += group.charCodeAt(i)+" ";
            }
            console.log(test1);
            console.log(test2)                
        })

        mapData = colValueGroups[valueKeyString];
    }

我的连接字符串都有一个额外的字符，在连接点时charCode为0。无法弄清楚为什么它在那里或如何使用regEx或str.replace()摆脱它。结束了一个丑陋但功能性的解决方案，我只测试对象键以查看它们是否包含<select>元素的值：

    var valueKeys = [];
    $(".keySelector").each(function(){
        valueKeys.push($(this).val());
    });
    if (geoAttrs[selectedGeoAttr].rowCol == "row") {
        Object.keys(colValueGroups).forEach(function(group) {
            var groupHasAllKeys = true;
                valueKeys.forEach(function(key) {
                    if (group.indexOf(key) == -1 ) {
                        groupHasAllKeys = false;
                    }
                });
            if(groupHasAllKeys) {
                mapData = colValueGroups[group];
            }  
        });
    } else if (geoAttrs[selectedGeoAttr].rowCol == "col") {
        Object.keys(rowValueGroups).forEach(function(group) {
            var groupHasAllKeys = true;
                valueKeys.forEach(function(key) {
                    if (group.indexOf(key) == -1 ) {
                        groupHasAllKeys = false;
                    }
                });
            if(groupHasAllKeys) {
                mapData = rowValueGroups[group];
            }  
        });
    }

必须有更好的方法，对吧？这到底是怎么回事？

编辑：rowValueGroups可能看起来像这样：

{
  "35_to_44_yearsMale": {
    "4654387684": {
      "value": 215
    },
    "4654387685": {
      "value": 175
    },
    "4654387686": {
      "value": 687
    },
    "4654387687": {
      "value": 172
    }
  },
  "45_to_54_yearsMale": {
    "4654387684": {
      "value": 516
    },
    "4654387685": {
      "value": 223
    },
    "4654387686": {
      "value": 54
    },
    "4654387687": {
      "value": 164
    }
  }
}

valueKeyString应为"45_to_54_yearsMale"之类。

这是调查数据。我正在从nicolaskruchten / pivottable自定义渲染器的输出中提取rowValueGroups数据。（特别是来自pivotData.tree对象，如果你很好奇的话）。我不打算改变pivottable核心来改变这些键的格式化，所以我想我会从select元素连接几个值来使它工作。

以上是上述测试的控制台输出部分：

35_to_44_yearsMale51 53 95 116 111 95 52 52 95 121 101 97 114 115 0 77 97 108 101
35_to_44_yearsMale51 53 95 116 111 95 52 52 95 121 101 97 114 115 77 97 108 101

第一行是对valueKeyString进行的测试，第二行是来自rowValueGroups的其中一个键。请注意，初始字符串看起来相同，（Firefox控制台实际上在“{1}”之间的“年”和“男性”之间输出了一个小字符未找到的方格，但valueKeyString出现了串联点怪异的0个字符。

Answer 1

您的字符串中包含null个字符。这个正则表达式将删除它们：

valueKeyString = valueKeyString.replace( /\0/g, '' )

参考：Removing null characters from a string in JavaScript

Answer 2

如果您确定了char代码，可以尝试使用其代码替换它：

var valueKeyString = "";
$(".keySelector").each(function(){
    valueKeyString += $(this).val();
});
valueKeyString = valueKeyString.replace(new RegExp(String.fromCharCode(0),"g"),'');

或者假设字符串已经来\0 - 直接从jquery $(this).val()终止，你可以尝试另一种方法：

var valueKeyString = "";
$(".keySelector").each(function(){
    s = $(this).val();
    if ( s.charCodeAt(s.length - 1) == 0 )
        s = s.substring(0, s.length - 1);
    valueKeyString += s;
});

上面的代码段检查来自$(this).val()的每个新获得的字符串的最后一个字符是否为空终止（只是为了确定）并删除带有substring()的最后一个字符。

Answer 3

由于您使用的是jQuery，因此可以尝试trim()：

var valueKeyString = "";
$(".keySelector").each(function(){
    valueKeyString += $(this).val().trim();
});

Javascript：连接字符串中的额外字符，防止与对象键匹配

3 个答案: