どのようにJavaScriptのはしごのような文字列を分割するには？

Question

私は文字列str:str2:str3を持っていて、次の要素を持つ文字列の配列を取得したいとします。['str', 'str:str2', 'str:str2:str3']

これを行うにはどのような方法が最適ですか？

Answer 1

文字列を':'で分割し、必要な部分で新しい配列を作成することができます。

var SEPARATOR = ':', 
 
    string = 'str:str2:str3', 
 
    temp = string.split(SEPARATOR), 
 
    result = temp.map(function (a, i, aa) { 
 
     return aa.slice(0, i + 1).join(SEPARATOR); 
 
    }); 
 

 
console.log(result);

Answer 2

文字列を分割し、インデックスに基づいて分割さアレイをスライスして要素を生成します。

console.log(
 
    'str:str2:str3' 
 
    .split(':') 
 
    .reduce(function(arr, v, i, spl) { 
 
    arr.push(spl.slice(0, i + 1).join(':')); 
 
    return arr; 
 
    }, []) 
 
);