2

我写了一个非常简单的循环来寻找点“。”的位置。和字符串中的空格，然后对其进行切片并将它们推入数组中。循环必须在找到最后一个点时结束。我想我犯了一个错误，因为循环没有正确退出引号，并且我得到了双重输出。

这是代码：

var str = '.boom .style #foo .media';
var p = 0;
var className = [];
searchLoop: for(i = 0; i < str.length; i ++) {
    var n = str.indexOf('.', p);
    var o = str.indexOf('#');
    var p = str.indexOf(' ', n) ;
    if(str.indexOf('#') >= 0)
        var idName = str.slice(o + 1, n);
    if(str.lastIndexOf('.') !== n)
        className.push(str.slice(n + 1, p));
    console.log(className);
    console.log(idName);
    if(str.lastIndexOf('.') === n) {
        className.push(str.slice(n + 1, p) + str[str.length - 1]);
        break searchLoop;
    }
}

这是输出：

["boom", "style", "media"]
["boom", "style", "media"]
["boom", "style", "media"]
foo

我稍微编辑了代码，所以它也可以选择“#”，这次我得到了三倍的结果。

4

3 回答 3

1

我无法在这里重现您的结果是您的代码的 JSFiddle http://jsfiddle.net/q34gt/

这是我在Chrome中得到的输出

["boom"]
["boom", "style"] 
["boom", "style"] 
foo

根据您的编码逻辑，这是正确的。

如果您在执行代码后打开控制台，您将获得以下输出

["boom", "style", "media"]
["boom", "style", "media"]
["boom", "style", "media"]
foo

与您得到的相同，因为控制台在所有三个项目都已添加到数组后读取 className 。

我刚刚尝试使用 mozilla，得到的输出与您的相同，但请放心，您的代码正在按预期执行并且也打破了循环。我刚刚用警报替换了您的控制台日志，您得到了预期的结果，如下所述，这里是小提琴 http://jsfiddle.net/q34gt/1/

在执行此特定 if 语句之后，每次迭代都会在控制台上显示您的 className 数组

if(str.lastIndexOf('.') !== n)
        className.push(str.slice(n + 1, p));
  • 在上述 if 执行后的第一次迭代中，className 数组包含 [boom]
  • 在上述 if 执行后的第二次迭代中，className 数组包含 [boom, style]
  • 在上述 if 执行后的第三次迭代中，className 数组包含 [boom, style] 因为 str.lastIndexOf('.') !== n 条件失败并且 className.push(str.slice(n + 1, p)) ; 不执行
于 2013-07-14T02:19:12.763 回答
1 
var temp = str.split('.')

for(var i = 1; i < temp.length; i++){
  className.push(temp[i].trim())
}

退出循环是通过一个简单的break;或者，您可以将代码移动到一个函数中并退出循环，return className;这将打破循环以及函数

但是，我在上面提供了一个不需要提前退出的替代解决方案

于 2013-07-14T01:06:04.210 回答
1

正如 MathSquared11235 所说，没有必要重新发明轮子，但事实证明，答案并不像只使用一个简单的拆分方法那么简单。

这是区分“。”的方法。和 '#' 使用 RegExp 作为 elclanrs 建议：

var str = '.boom .style #foo .media';
var className = str.match(/[.]\w+/g); // match for words that begin with '.'
var idName = str.match(/[#]\w+/g); // match for words that being with '#'
className = className.join(''); // join all items so we have a string to play with
className = className.replace(/[.]/g,' '); // replace all '.' with ' '
className = className.replace(' ', ''); // remove the first ' '
className = className.split(' '); // split the className using ' ' separator so we have an array again. 
idName = idName.toString(); // make it a string
idName = idName.replace('#',''); // just remove the '#'
console.log(className);
console.log(idName);

结束这将是输出：

["boom", "style", "media"]
foo

另一种方法是：

var str = '.boom .style #foo .media';
var cssSelectors = str.split(' ');
var className = [];
searchLoop: for(i = 0; i < cssSelectors.length; i ++) {
if(cssSelectors[i].indexOf('#') > -1 && cssSelectors[i] && cssSelectors[i] !== '#')
    var idName = cssSelectors[i].replace('#', ''); // just to make it foolproof and make sure no empty string and stand alone '#' pass through
if(cssSelectors[i].indexOf('.') > -1 && cssSelectors[i] && cssSelectors[i] !== '.')
    className.push(cssSelectors[i].replace('.', '')); // no '' and no stand alone '.' can pass through
console.log(className);
console.log(idName);
}

输出将是：

["boom", "style", "media"]
foo
["boom", "style", "media"]
foo
["boom", "style", "media"]
foo
["boom", "style", "media"]
foo
于 2013-07-14T03:01:05.813 回答