Как правильно заменить символ точки?
 

Всем привет. Я пишу простой editor типа emmet для собственного развития. И столкнулся с такой проблемой
Как правильно можно сделать из вот этой строки:
Hello .main World .biba .sharomet

Вот такую
Hello <div class="main"> World <div class="biba"> <div class="sharomet">

var str = "Hello .main World .biba .div";
    var arr=[];
    re = /(\.[a-z-_1-9]+)\b/gim;
    found = str.match(re);
    for(var i=0;i<found.length;i++){
        arr=found[i].replace(/\./g, "");
    }
    console.log(str.replace(/\.(.)/g, "class=\""+arr+"\""));

В итоге Hello class="sharomet"ain World class="sharomet"iba class="sharomet"haromet.

Может есть возможность без регулярных выражений сделать всё это дело?

Спасибо.