基于另一个属性设置嵌套对象属性

Question

我想计算字符在文本中出现的次数，然后显示每个字符的总计。我的主要问题是第一部分。

这里是我的代码快照至今：

//define text and characters to be searched for 
var theArticle = document.getElementById('theText'), 
    docFrag = document.createDocumentFragment(), 
    theText = theArticle.innerText, 
    characters = { 
    a: { 
     regExp: /a/g, 
     matches: [], 
     count: 0 
    }, 
    b: { 
     regExp: /b/g, 
     matches: [], 
     count: 0 
    }, 
    c: { 
     regExp: /c/g, 
     matches: [], 
     count: 0 
    } 

    etc… 
} 

for (var key in characters) { 
    if (characters.hasOwnProperty(key)) { 
     var obj = characters.key; 
     for (var prop in obj) { 
      if (obj.hasOwnProperty(prop)) { 
       matches = theText.match(regExp); // pretty sure my problem is here 
       count = matches.length; // and here 
      } 
     } 
    } 
} 

我想遍历所有的字符集的基础上matches长度基于regExp的matches的价值和count值。

这个问题的最佳答案是最接近我解决我的问题。 Access/process (nested) objects, arrays or JSON

Answer 1

有迹象表明，应该对你的代码进行一些更改：

1. 没有必要的检查：if (characters.hasOwnProperty(key))你for in循环内。
2. 用点表示法不能访问变量属性：var obj = characters.key;应该是var obj = characters[key];。
3. 同样，不需要检查：if (obj.hasOwnProperty(prop))。
4. 如果您尝试操作字符对象属性，则需要访问对象上的属性，而不只是输入密钥名称。

纠正这些事情（主要是＃2），它应该按预期工作。

不过，我将完全重新装备你的功能的实现，像这样：

我先简单地定义字符串数组：

var characters = ['a','b','c','asd']; 

然后写一个通用的函数来处理你的功能：

function findCharsInString(array, string) { 
    // map a "results" function to each character in the array 
    return array.map(function(c) { 
     // make a check to ensure we're working with a string that is only one character 
     if (typeof c === 'string' && c.length === 1) { 
      // create a RegExp from each valid array element 
      var matches = string.match(RegExp(c, 'g')); 
      // return an anonymous results object for each character 
      return { 
       matches: matches, 
       count: matches.length 
      }; 
     } else { // if there is an invalid element in the array return something 
      return 'Invalid array element.'; 
     } 
    }); 
} 

并将其应用到你的characters数组和字符串theText：

var theText = 'asjdbasccshaskjhsa'; 
console.log(findCharsInString(characters, theText)); 

日志：

[ 
    { 
     matches: 
      ["a","a","a","a"], 
     count: 
      4 
    }, 
    { 
     matches: 
      ["b"], 
     count: 
      1 
    }, 
    { 
     matches: 
      ["c","c"], 
     count: 
      2 
    }, 
    "Invalid array element." 
]