如何解决如何通过正则表达式获取所有类名
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);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。