如何通过正则表达式获取所有类名

问题描述

let string = `<img class="img-fluid big-img logo">
<a class="link link-red link-2">link</a>`;

我想通过正则表达式而不是其他方式获取所有类名

我想把它们放在一个数组中，比如：

let allClass = ["img-fluid","big-img","logo","link",......];

解决方法

也许你可以这样做：

$VAR1 = '[{\'job\': \'ironman\',\'name\': \'tony\'},{\'job\': \'hulk\',\'name\': \'banner\'}]
';
'"' expected,at character offset 2 (before "'job': 'ironman','n...") at ./avengers_perl.pl line 7.

实际上，我们有一个正则表达式匹配 var pattern = /class="([^"]+)"/g; var classes = []; [...string.matchAll(pattern)]. forEach( match => classes = classes.concat( (match[1].split(" ")) ) ); console.log(classes); // ["img-fluid","big-img","logo","link","link-red","link-2"] 并捕获引号内的所有内容。然后我们运行 class="..." 并添加扩展运算符 (matchAll) 以便它生成一个我们可以使用 ... 迭代的数组。

然后我们简单地遍历数组，将捕获的字符串拆分为一个数组并与forEach数组合并

,

我找到了一个解决方案，但我不知道它的效率如何，但它有效

let regex = /class="(?:([\w+\-])(?:\s|")?){1,}/g;
    let collectClass = [];
    string.match(regex).forEach(item => {    item.replace(`class=`,"").replace(`"`,"").split(" ").forEach(item => collectClass.push(item))    })
    allClass = collectClasses.filter((value,index,self) => self.indexOf(value) === index);