Javascript 正则表达式匹配具有特定扩展名的文件，但某些特定文件名除外

Question

我希望它匹配所有指向 css 文件的路径，除了某些特定的文件名 (file.css)：

var re = /.../;
console.log(re.test('/path/to/file.css')); // false
console.log(re.test('/path/to/file.js')); // false
console.log(re.test('/path/to/file2.js')); // false
console.log(re.test('/path/to/e.css')); // true
console.log(re.test('/path/to/other-file.css')); // true
console.log(re.test('/path/to/file2.css')); // true

那如果我也想排除asdfg.css呢？

附：问题是关于无法编写代码，只能指定正则表达式的情况。

Answer 1

我想我会这样做：

var re = /\/(?!(file|asdfg)\.css$)[^\/]*\.css$/;

console.log(re.test('/path/to/file.css')); // false
console.log(re.test('/path/to/file.js')); // false
console.log(re.test('/path/to/file2.js')); // false
console.log(re.test('/path/to/e.css')); // true
console.log(re.test('/path/to/other-file.css')); // true
console.log(re.test('/path/to/file2.css')); // true
console.log(re.test('/path/to/asdfg.css')); // false
console.log(re.test('/path/to/file/file2.css')); // true
console.log(re.test('/path/to/file.css/file2.css')); // true

我认为这更具可读性，因为排除列表是一​​个简单的替换，可以轻松扩展以包含其他文件，而无需考虑其他因素（例如它们的长度）。

正则表达式首先匹配路径中的最后一个/（从技术上讲，它匹配任何斜杠，但后面的代码确保不会有另一个斜杠）。然后，它使用否定的前瞻检查是否没有匹配排除的文件。前瞻需要锚定到字​​符串的末尾，以确保它不会过于慷慨地排除。在前瞻之后，它只是消耗尽可能多的“非斜杠”（即文件名），然后检查所有内容是否以 .css 结尾。

Answer 2

这是我的解决方案：

var re = /\/(.{0,3}|(?!file).{4}|[^/]{5,})\.css$/;
console.log(re.test('/path/to/file.css')); // false
console.log(re.test('/path/to/file.js')); // false
console.log(re.test('/path/to/e.css')); // true
console.log(re.test('/path/to/other-file.css')); // true

对于两个文件：

var re = /\/(.{0,3}|(?!file).{4}|(?!asdfg).{5}|[^/]{6,})\.css$/;
console.log(re.test('/path/to/file.css')); // false
console.log(re.test('/path/to/asdfg.css')); // false
console.log(re.test('/path/to/file.js')); // false
console.log(re.test('/path/to/e.css')); // true
console.log(re.test('/path/to/other-file.css')); // true

如果您知道任何更好/可读的方法，请随时发布您的答案。