Angular 2中拼接String[]数组时出现编译错误

先拆解你代码里的两个关键问题，其中一个直接触发了编译报错：

问题分析 #

1. 语法小错误：你的testArray数组里，second漏掉了开头的单引号，应该写成'second'，这个先补上。
2. 类型不匹配核心错误：你用new String("")创建了一个String包装对象，但数组里的元素是原始的string类型。TypeScript的静态类型检查会严格区分原始类型string和包装对象String，String.prototype.concat方法期望接收的参数是原始字符串，所以传递string类型的数组元素时就会触发TS2345错误。

解决方案 #

方案1：修复原有的forEach写法 #

把new String("")换成原始字符串初始化，直接用let testString = ""，这样类型就能完美匹配：

// 修正后的类变量
testArray: string[] = ['first', 'second', 'third'];

concatArray(): void {
  let testString = ""; // 用原始字符串初始化，而非String对象
  this.testArray.forEach((item) => {
    testString = testString.concat(item);
  });
  console.log(testString); // 输出：firstsecondthird
}

方案2：更简洁高效的拼接方式（推荐） #

其实不用手动循环拼接，数组的join方法可以直接把所有元素拼接成一个字符串，代码更简洁易读：

testArray: string[] = ['first', 'second', 'third'];

concatArray(): void {
  const testString = this.testArray.join(''); // 用空字符串作为分隔符
  console.log(testString); // 输出：firstsecondthird
}

补充说明 #

在TypeScript和JavaScript中，尽量优先使用原始类型string而非String包装对象——前者更轻量，类型检查也更友好，除非你有特殊需求需要用到包装对象的专属方法或属性。

内容的提问来源于stack exchange，提问作者Tom O'Brien