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

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

如果所需的类是第一个或唯一的数组元素，javascript 函数"find"会为匹配元素返回未定义，这对我来说没有意义。查找方法规范

我找不到错误。每个控制台.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;
    }
});