第一次这一行 console.log("alphabet--->" + alphabet);正在打印未定义

Question

• 我是 js 新手。
• 我正在分析一个简单的代码。
• 不确定它是如何工作的。
• 第一次使用这一行 console.log("alphabet--->" + alphabet);正在打印未定义的计数[字母]--->未定义
• 你能告诉我为什么它的打印未定义。
• 第二次在这一行打印 3 console.log(counts[alphabet] + 1);
• 但它应该从 1+1 开始打印两个。
• 你们能否解释一下，以便我以后自己修复它。
• 在下面提供我的代码更改。

var str = "aaabbccccddd";
var arr = str.split("");
var counts = {};
for (var i = 0; i < arr.length; i++) {
    var alphabet = arr[i];
    console.log("alphabet--->" + alphabet);
        console.log("counts[alphabet]--->" + counts[alphabet]);

    if (counts[alphabet]) 
        {
            counts[alphabet] = counts[alphabet] + 1;
            console.log("inside if--->");
            //console.log("inside if--->" + counts[alphabet] + 1);
            console.log(counts[alphabet] + 1);
        }
    else
    { 
        counts[alphabet] = 1;
        console.log("inside else--->");
        console.log(counts[alphabet]);

        //console.log("inside else--->" + counts[alphabet] + 1);
    }
    //counts[alphabet] = counts[alphabet] ? counts[alphabet] + 1 : 1;
}

console.log('a: ' + counts['a'] + '\n b: ' + counts['b'] + '\n c: ' + counts['c'] + '\n d: ' + counts['d'])

输出

alphabet--->a
  counts[alphabet]--->undefined
  inside else--->
  1
  alphabet--->a
  counts[alphabet]--->1
  inside if--->
  3
  alphabet--->a
  counts[alphabet]--->2
  inside if--->
  4
  alphabet--->b
  counts[alphabet]--->undefined
  inside else--->
  1
  alphabet--->b
  counts[alphabet]--->1
  inside if--->
  3
  alphabet--->c
  counts[alphabet]--->undefined
  inside else--->
  1
  alphabet--->c
  counts[alphabet]--->1
  inside if--->
  3
  alphabet--->c
  counts[alphabet]--->2
  inside if--->
  4
  alphabet--->c
  counts[alphabet]--->3
  inside if--->
  5
  alphabet--->d
  counts[alphabet]--->undefined
  inside else--->
  1
  alphabet--->d
  counts[alphabet]--->1
  inside if--->
  3
  alphabet--->d
  counts[alphabet]--->2
  inside if--->
  4
  a: 3
 b: 2
 c: 4
 d: 3

Answer 1

你的代码很完美！它最终会为您提供正确的结果。 console.logs() 中的一个只是一个小错误。

让我们来看看到底发生了什么。

设置变量。

var str = "aaabbccccddd";
var arr = str.split("");
var counts = {};

循环arr，等于['a','a','a','b','b','c','c','c','c','d','d','d']。

for (var i = 0; i < arr.length; i++) {

第一次进入循环。将alphabet 设置为arr[i]，即arr[0]，即'a'。

var alphabet = arr[i];

counts 此时仍只是一个空对象 ({})。这意味着counts[alphabet] 即counts['a'] 是'undefined'。在 JavaScript 中，if(undefined) 与 if(false) 相同，所以我们跳转到 else 块。

if (counts[alphabet]) 

在 else 块中，我们将counts[alphabet]（即counts['a']）设置为1。因此counts 变为{'a': 1}。

counts[alphabet] = 1;

除了几个console.log()s 之外，循环内没有其他事情可做。所以i 从0 变为1（因为i++）。 i < arr.length 即 1 < 12 仍然是 true 所以我们将再次遍历循环体。

for (var i = 0; i < arr.length; i++) {

第二次进入循环。将alphabet 设置为arr[i]，即arr[1]，即'a'。

var alphabet = arr[i];

和以前一样，counts[alphabet] 是 counts['a']，但现在 counts['a'] 有一个值。在最后一个循环结束时，counts['a'] 被设置为 1。在 JavaScript 中，0 以外的任何数字都是“真实的”。这次我们不会跳转到 else 块。我们将执行 if 块。

if (counts[alphabet]) 

我们增加counts[alphabet]，即counts['a']。之前是1。现在是2。

counts[alphabet] = counts[alphabet] + 1;

现在我们来到给出意外输出的那一行。根据上述行，counts[alphabet] 即 counts['a'] 现在是 2。当然，2 + 1 是 3。此行将输出3。

console.log(counts[alphabet] + 1);

如果我理解您要执行的操作，则无需在此处添加 1。删除+ 1，您应该会得到预期的输出。

console.log(counts[alphabet]);