为什么即使我已将数字转换回字符串，我也不能将数字推送到我的字符串数组中？

Question

您好，我正在尝试进行代码大战 kata：https://www.codewars.com/kata/54a91a4883a7de5d7800009c/train/javascript

我知道我所做的很冗长，但我想在重构之前一步一步地做。

1. 我已经拆分了用户输入的字符串
2. 通过数组过滤只是为了得到数字并将其转换为NUMBER
3. 将该数字增加 1
4. 将数字改回字符串
5. 现在我想将我的字符串编号添加到原始数组中，但它不起作用，我不明白为什么：S

我知道这不是 kata 的最终答案，但我只是在尝试，想知道为什么这不起作用...

function isNumeric(num){
 return !isNaN(num)
}

function incrementString (string) {
  const splitString = string.split("");

  let numbers = Number(splitString.filter(el => isNumeric(el)).join("")); //[
  'f', 'o', 'o', 'b',
  'a', 'r', '0', '0',
  '4', '2'
]

  let incrementNumber = numbers +=1; // 43

  let revertNumberToString = incrementNumber.toString(); // "43"

  let test = splitString.push(revertNumberToString); // why can I not push the number 43 onto my original array?

  console.log(test); // 11? why?

}

incrementString("foobar0042")

Answer 1

它似乎工作正常。如果您在推送到它后再次检查 splitString，那么它将包含所有 11 个项目。这就是数字 11 的来源。当您将推送保存到变量时，它不会创建新数组，而是保存新数组的长度。

  console.log(splitString)
  // ["f", "o", "o", "b", "a", "r", "0", "0", "4", "2"]
  let test = splitString.push(revertNumberToString);
  console.log(splitString)
  // ["f", "o", "o", "b", "a", "r", "0", "0", "4", "2", 43]
  console.log(test); // 11? why?

Answer 2

Javascript push 方法将元素添加到数组并返回长度，这就是为什么你得到 11 而不是数组本身。 Reference

Answer 3

您可以采用不同的方法，将值拆分为字符串和数字部分，并获取数字部分的长度，以便稍后用前导零填充值。

function incrementString(value) {
    const
        string = (value.match(/\D+/) || [''])[0],
        number = (value.match(/\d+/) || ['0'])[0];

    return string + (+number + 1).toString().padStart(number.length, 0);
}

function assertEquals(a, b) {
    console.log(a === b, a, b);
}

assertEquals(incrementString("foobar000"), "foobar001");
assertEquals(incrementString("foo"), "foo1");
assertEquals(incrementString("foobar001"), "foobar002");
assertEquals(incrementString("foobar99"), "foobar100");
assertEquals(incrementString("foobar099"), "foobar100");
assertEquals(incrementString(""), "1");