如何在TypeScript中移除字符串指定字符及img标签height/width属性

没问题，我来帮你搞定这两个TypeScript字符串处理的问题，先讲通用的字符移除方法，再针对你那串img标签的需求给出精准方案：

这里有两种常用的实现方式，你可以根据场景选择：

• 方法1：正则表达式 + replace()
  适合知道固定要移除的字符集合，用正则全局匹配替换。比如要移除a、b和!：

  const originalStr = "Hello! TypeScript is awesome!";
  const charsToRemove = /[ab!]/g; // 用字符集匹配目标字符
  const processedStr = originalStr.replace(charsToRemove, '');
  console.log(processedStr); // 输出: "Hello TypeScript is wesome"
  

• 方法2：数组过滤 + split()/join()
  适合需要动态调整移除字符的场景，用Set存储要移除的字符，过滤后再拼接：

  const originalStr = "Hello! TypeScript is awesome!";
  const charsToRemove = new Set(['a', 'b', '!']);
  const processedStr = originalStr.split('')
    .filter(char => !charsToRemove.has(char))
    .join('');
  console.log(processedStr); // 输出同上
  

针对你的场景，img标签的属性顺序不固定，而且属性值都是双引号包裹，我们可以用正则精准匹配任意位置的height="..."和width="..."（包括属性前的空格），然后全局替换为空。

直接上代码：

let a = '<img alt="image1" height="200" src="image1.jpg" width="800"> <img alt="image2" src="image2.jpg" height="501" width="1233"> <img alt="image3" width="823" height="223" src="image3.jpg">';

// 正则匹配height/width属性，自动处理属性前后的空格和双引号包裹的值
const cleanedImgStr = a.replace(/\s+(height|width)="[^"]*"/g, '');

console.log(cleanedImgStr);
// 输出结果：
// '<img alt="image1" src="image1.jpg"> <img alt="image2" src="image2.jpg"> <img alt="image3" src="image3.jpg">'

简单解释下这个正则的逻辑：

• \s+：匹配属性前面的一个或多个空格，确保移除属性后不会留下多余空格
• (height|width)：精准匹配height或width属性名
• ="[^"]*"：匹配属性的赋值部分，[^"]*表示捕获从双引号开始到下一个双引号之间的所有内容（也就是属性值），不会误匹配其他内容

如果以后遇到属性用单引号或者无引号的情况，只要稍微调整正则就能兼容，但根据你给出的示例，上面的代码完全够用。

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