如何从数组中的时间字符串移除冒号？我的循环逻辑为何失效？

我需要进行时间计算，需移除分隔小时与分钟的冒号。我的数组中当前存储着字符串值"12:04"。我编写了一个for循环遍历该数组元素的字符串，检查冒号并尝试移除它后输出结果，但逻辑未按预期运行。代码如下：

for (let i = 0; i < content[2].length; i++) {
    if (content[2].charAt(i) === ":"){
        content[2].slice(i);
        console.log(content[2])
    }
}

• 字符串不可变特性：JavaScript中字符串是不可修改的，slice()方法不会改变原字符串，而是返回一个新的子串，你没有将返回值重新赋值给content[2]，所以原字符串完全没变化。
• slice参数错误：slice(i)会从索引i的位置截取到字符串末尾，得到的是:04，这显然不是你要的去掉冒号后的结果。
• 冗余的循环：完全没必要通过遍历每个字符找冒号，有更高效简洁的方法实现需求。

方案1：直接替换（最简便） #

使用replace()方法直接将冒号替换为空字符串：

content[2] = content[2].replace(":", "");
console.log(content[2]); // 输出 "1204"

方案2：分割后拼接 #

用split()按冒号分割成数组，再用join()拼接成无冒号的字符串：

content[2] = content[2].split(":").join("");
console.log(content[2]); // 输出 "1204"

方案3：修复原循环逻辑（仅作原理演示） #

如果非要用循环实现，需要逐个字符筛选并拼接新字符串，最后赋值回原变量：

const originalStr = content[2];
let newStr = "";
for (let i = 0; i < originalStr.length; i++) {
    const char = originalStr.charAt(i);
    if (char !== ":") {
        newStr += char;
    }
}
content[2] = newStr;
console.log(content[2]); // 输出 "1204"

内容的提问来源于stack exchange，提问作者Matt