Handlebars.js: फ़ीचर अनुरोध: बिल्ट-इन "जॉइन" हेल्पर

मैंने आज ही अपने लिए यह किया है:

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

यदि वैल एक सरणी नहीं है तो इसका प्रभाव केवल वैल लौटने पर होता है। दूसरा-चौथा पैरामीटर पूरी तरह से वैकल्पिक है (डिफ़ॉल्ट सीमांकक "," है)। मैंने अभी तक केवल क्रोम पर परीक्षण किया है।

अद्यतन: यह IE8 में टूट जाता है। [...].slice(undefined, undefined) अन्य ब्राउज़रों की तरह संपूर्ण सरणी के बजाय एक खाली सरणी देता है। साथ ही, यदि आप अपनी टेम्पलेट परिभाषा में एक सीमांकक की आपूर्ति नहीं करते हैं, तो हैंडलबार्स हैश ऑब्जेक्ट को सीमांकक के रूप में पास करता है, जिसे IE अन्य ब्राउज़रों की तरह अल्पविराम के बजाय '[ऑब्जेक्ट]' के रूप में प्रस्तुत करता है। मेरा संशोधित संस्करण इस तरह दिखता है:

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); 
});

इतना सुंदर नहीं है, लेकिन आपके इनपुट की विवेक-जांच शायद एक अच्छा अभ्यास है।

--चाडो

मैंने सेबरले के सुझावों को शामिल किया है:

//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/। मुझे इसकी आवश्यकता नहीं है कि लोगों को इस तरह एक सहायक निर्दिष्ट करना होगा ("टेम्पलेट" टैब देखें)। मैं इसे सरल रखना चाहूंगा। मैं किसी सरणी को प्रिंट करते समय रिक्त स्थान को डिफ़ॉल्ट बनाना चाहता हूं। मुझे डिफ़ॉल्ट सरणी सहायक को ओवरराइड करने में खुशी हो रही है, लेकिन मैं यह कैसे करूं? धन्यवाद।

व्यक्तिगत रूप से, मुझे लगता है कि हैंडलबार्स को सबसे अच्छा सरल रखा जाता है। अगर कोई उपयोगी सहायकों के साथ एक रेपो/जिस्ट एक साथ रखना चाहता है तो हम शायद इसे लिंक कर सकते हैं या अन्यथा इसे हाइलाइट कर सकते हैं।

नोड के लिए:

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>