Handlebars.js: 기능 요청: 내장된 "가입" 도우미

나는 오늘 나 자신을 위해 이것을 했다:

Handlebars.registerHelper('join', function(val, delimiter, start, end) { 
    return [].concat(val).slice(start, end).join(delimiter); 
});

val이 배열이 아닌 경우 val을 반환하는 효과가 있습니다. 2~4번째 매개변수는 완전히 선택 사항입니다(기본 구분 기호는 ","). 지금까지 Chrome에서만 테스트했습니다.

업데이트: 이것은 IE8에서 중단됩니다. [...].slice(undefined, undefined) 는 다른 브라우저에서처럼 전체 배열이 아닌 빈 배열을 반환합니다. 또한 템플릿 정의에 구분 기호를 제공하지 않으면 Handlebars는 해시 개체를 구분 기호로 전달합니다. 이 구분 기호는 IE가 다른 브라우저처럼 쉼표가 아닌 '[Object]'로 렌더링됩니다. 수정된 버전은 다음과 같습니다.

Handlebars.registerHelper('join', function(val, delimiter, start, end) {
    var arry = [].concat(val);
    delimiter = ( typeof delimiter == "string" ? delimiter : ',' );
    start = start || 0;
    end = ( end === undefined ? arry.length : end );
    return arry.slice(start, end).join(delimiter); 
});

간결하게 우아하지는 않지만 입력을 온전한 상태로 확인하는 것은 아마도 좋은 습관일 것입니다.

--차드

나는 ceberle의 제안을 통합했습니다.

//Handlebars "join" block helper that supports arrays of objects or strings.  
//If "delimiter" is not speficified, then it defaults to ",".  You can use "start", 
//and "end" to do a "slice" of the array.

Handlebars.registerHelper('join', function(items, block) {
    var delimiter = block.hash.delimiter || ",", 
        start = start = block.hash.start || 0, 
        len = items ? items.length : 0,
        end = block.hash.end || len,
        out = "";

        if(end > len) end = len;

    if ('function' === typeof block) {
        for (i = start; i < end; i++) {
            if (i > start) out += delimiter;
            out += block(items[i]);
            if('string' === typeof items[i])
                out += items[i];
            else
                out += block(items[i]);
        }
        return out;
    } else { 
        return [].concat(items).slice(start, end).join(delimiter);
    }
});

죄송합니다. 한 줄만 빼려고 했습니다.

//Handlebars "join" block helper that supports arrays of objects or strings.  
//If "delimiter" is not speficified, then it defaults to ",".  You can use "start", 
//and "end" to do a "slice" of the array.

Handlebars.registerHelper('join', function(items, block) {
    var delimiter = block.hash.delimiter || ",", 
        start = start = block.hash.start || 0, 
        len = items ? items.length : 0,
        end = block.hash.end || len,
        out = "";

        if(end > len) end = len;

    if ('function' === typeof block) {
        for (i = start; i < end; i++) {
            if (i > start) 
                out += delimiter;
            if('string' === typeof items[i])
                out += items[i];
            else
                out += block(items[i]);
        }
        return out;
    } else { 
        return [].concat(items).slice(start, end).join(delimiter);
    }
});

@jlubean : 어떤 버전의 핸들바를 사용하고 있습니까? 베타 4까지 사용할 수 없습니다. 다음과 같은 구문을 사용할 때 다음 오류가 발생합니다.

{{join list_of_words delimiter=","}}

오류:

Uncaught Error: Parse error on line 35:
..._of_words delimiter=&quot;,&quot;}}</tex
-----------------------^
Expecting 'STRING', 'INTEGER', 'BOOLEAN', 'ID'

저는 베타 3를 사용하고 있었습니다. http://jsfiddle.net/jlubean/YS3EV/ 에서 제 작업 예제를 살펴보세요.

나는 이것을 썼다: http://mametipsum.herokuapp.com/. 나는 사람들이 이와 같은 도우미를 지정하지 않아도 되도록 하고 싶습니다("템플릿" 탭 참조). 나는 그것을 간단하게 유지하고 싶습니다. 배열을 인쇄할 때 공백을 기본값으로 하고 싶습니다. 기본 배열 도우미를 재정의하게 되어 기쁩니다. 하지만 어떻게 해야 합니까? 감사 해요.

개인적으로 핸들바는 단순하게 유지하는 것이 가장 좋습니다. 누군가가 유용한 도우미와 함께 repo/gist를 만들고 싶다면 링크하거나 강조 표시할 수 있습니다.

노드의 경우:

Handlebars.registerHelper( "join", function( array, sep, options ) {
    return array.map(function( item ) {
        return options.fn( item );
    }).join( sep );
});

<p>
    {{#join companies "<br>"}}
        {{name}}
    {{/join}}
</p>