Question

我的问题是，我想通过javascript提取特定的css类（grid-8 / col-4）。

如果所需的类是第一个或唯一的数组元素，则javascript函数“find”为匹配元素返回undefined，对我来说没有意义。 find method specification

我找不到错误。每个console.log语句都返回预期值，“find”函数除外。

希望你能给我一个提示！

HTML：

<div class="grid-8 layout">

    <div class="col-4 master">
            <h1>Headline</h1>
            <p>Lorem ipsum dolor sit amet.</p>
    </div>
</div>

JavaScript的：

$(function() {
    var $layout = $(".layout");
    var $elem = $(".master");

    var layoutColumNumber = getNumberOfColums($layout, 'grid');
    var elementColumNumber = getNumberOfColums($elem, 'col');

    function getNumberOfColums(object, type){
        var classArray = getElementClassArray(object);
        var elementColWidth = null;

        switch(type){
            case 'grid':
            elementColWidth = classArray.find(gridClassPosition).split("-")[1];
            break;
            case 'col':
            elementColWidth = classArray.find(colClassPosition).split("-")[1];
            break;
        }
        return elementColWidth;
    }

    function getElementClassArray(object){
        return object.attr('class').split(' ');
    }

    function gridClassPosition(element, index, array){
        return (element.startsWith('grid-')) ? index : false;
    }

    function colClassPosition(element, index, array){
        return (element.startsWith('col-')) ? index : false;
    }

});

Answer 1

答案是，数组中第一个元素的索引是0.而在JavaScript中0不是真值。这是假的价值这就是find函数返回'undefined'的原因，正如规范中正确描述的那样。

在这种情况下，返回值无关紧要。因此，如果“find”到达所需元素，则返回true就足够了。

使用console.log(classArray.find(colClassPosition))，您将看到数组中有当前元素，您可以调用split函数。

Javascript find方法在第一次匹配后不会停止

1 个答案: