js 把字符串标签中的属性情况

在JavaScript中，可以使用正则表达式来提取字符串中的标签属性。以下是一个示例代码：

function extractAttributes(tagString) {
  const regex = /(\w+)\s*=\s*["']([^"']+)["']/g;
  const attributes = {};
  
  let match;
  while ((match = regex.exec(tagString)) !== null) {
    const attributeName = match[1];
    const attributeValue = match[2];
    attributes[attributeName] = attributeValue;
  }
  
  return attributes;
}

const tagString = '<div id="myDiv" class="container" data-value="123"></div>';
const attributes = extractAttributes(tagString);
console.log(attributes);

这段代码将会输出以下结果：

{ id: 'myDiv', class: 'container', 'data-value': '123' }

这里的extractAttributes函数使用了正则表达式/(\w+)\s*=\s*["']([^"']+)["']/g来匹配标签内的属性。其中：

• (\w+)匹配属性名，\w+表示一个或多个字母、数字或下划线。
• \s*匹配0个或多个空白字符，用于处理属性名和等号之间的空格。
• =匹配等号。
• \s*再次匹配0个或多个空白字符，用于处理等号和属性值之间的空格。
• ["']匹配双引号或单引号，用于匹配属性值的引号。
• ([^"']+)匹配属性值，[^"']+表示一个或多个非引号字符。
• g表示全局匹配，即匹配到一个后继续匹配下一个。

在while循环中，使用regex.exec(tagString)方法来不断匹配标签字符串中的属性。匹配结果存储在match变量中，其中match[1]表示属性名，match[2]表示属性值。然后将属性名和属性值存储在attributes对象中。

最后，extractAttributes函数返回一个包含所有属性的对象。

注意，这段代码中只能提取双引号或单引号括起来的属性值，如果标签中的属性使用没有引号的情况，例如<div id=myDiv></div>，则需要使用不同的正则表达式来处理