使用正则表达式获取带有特定子字符串的类名

如何解决使用正则表达式获取带有特定子字符串的类名

| 我需要javascript中的正则表达式，该正则表达式将从空格分隔的字符串列表中获取带有特定子字符串的字符串。例如，我有；小部件util cookie i18n-用户名我希望仅返回i18n用户名。怎么样

解决方法

您可以使用以下函数，使用正则表达式来匹配由空格或行首或结尾包围的字符串。但是，如果您打算使用正则表达式特殊字符，则必须格外小心，因为搜索参数将被解释为字符串而不是RegExp文字：

var hasClass = function(s,klass) {
  var r = new RegExp(\"(?:^| )(\" + klass + \")(?: |$)\"),m = (\"\"+s).match(r);
  return (m) ? m[1] : null;
};

hasClass(\"a b c\",\"a\"); // => \"a\"
hasClass(\"a b c\",\"b\"); // => \"b\"
hasClass(\"a b c\",\"x\"); // => null

var klasses = \"widget util cookie i18n-username\";
hasClass(klasses,\"username\"); // => null
hasClass(klasses,\"i18n-username\"); // => \"i18n-username\"
hasClass(klasses,\"i18n-\\\\w+\"); // => \"i18n-username\"

正如其他人指出的那样，您也可以简单地使用\“ split \”和\“ indexOf \”：

var hasClass = function(s,klass) {
  return (\"\"+s).split(\" \").indexOf(klass) >= 0;
};

但是，请注意\“ indexOf \”函数是最近才引入JavaScript的，因此对于较旧的浏览器，您可能必须自己实现。

var hasClass = function(s,klass) {
  var a=(\"\"+s).split(\" \"),len=a.length,i;
  for (i=0; i<len; i++) {
    if (a[i] == klass) return true;
  }
  return false;
};

[编辑] 请注意，对于大多数浏览器（尽管不是全部），split / indexOf解决方案可能更快。此jsPerf基准测试显示了针对各种浏览器的更快解决方案-值得注意的是，Chrome浏览器必须具有非常好的正则表达式引擎！ ,

function getString(subString,string){
    return (string.match(new RegExp(\"\\S*\" + subString + \"\\S*\")) || [null])[0];
}

使用方法：

var str = \"widget util cookie i18n-username\";
getString(\"user\",str);  //returns i18n-username

, 这需要是一个正则表达式吗？知道字符串是否存在就足够了吗？正则表达式效率不高（较慢），如果可能，应避免使用：

var settings = \'widget util cookie i18n-username\',// using an array in case searching the string is insufficient
    features = settings.split(\' \');

if (features.indexOf(\'i18n-username\') !== -1) {
     // do something based on having this feature
}

如果空格不会在搜索值时引起问题，则可以直接搜索字符串：

var settings = \'widget util cookie i18n-username\';

if (settings.indexOf(\'i18n-username\') !== -1) {
    // do something based on having this value
}

然后，很容易将其变成可重用的函数：

(function() {
    var App = {},features = \'widget util cookie i18n-username\';

    App.hasFeature = function(feature) {
        return features.indexOf(feature) !== -1;
        // or if you prefer the array:
        return features.split(\' \').indexOf(feature) !== -1;
    };

    window.App = App;
})();

// Here\'s how you can use it:
App.hasFeature(\'i18n-username\'); // returns true

编辑现在，您说您需要返回以另一个字符串开头的所有字符串，并且也可以使用正则表达式来执行此操作，尽管我不确定它的效率如何：

(function() {
    var App = {},features = \'widget util cookie i18n-username\'.split(\' \');

    // This contains an array of all features starting with \'i18n\'
    App.i18nFeatures = features.map(function(value) {
        return value.indexOf(\'i18n\') === 0;
    });

    window.App = App;
})();

, /i18n-\\w+/应该工作。如果您的字符串有任何情况，例如其他子字符串可以以“ 10”开头，或者您的用户名包含的字符不适合类“ 11”，那么您需要指定该字符。

var str = \"widget util cookie i18n-username\";
alert(str.match(/i18n-\\w+/));

编辑：如果您需要匹配多个字符串，则可以添加全局标志（/g）并循环进行匹配。

var str = \"widget i18n-util cookie i18n-username\";
var matches = str.match(/i18n-\\w+/g);

if (matches) {
    for (var i = 0; i < matches.length; i++)
        alert(matches[i]);
}
else
    alert(\"phooey,no matches\");

使用正则表达式获取带有特定子字符串的类名

如何解决使用正则表达式获取带有特定子字符串的类名

解决方法

相关推荐