разделение числа на разряды
Созрела необходимость разделять визуально разряды в цифрах превышающих 3 знака, 1000 и больше. Разбиваем спец символом по 3 цифры.
Т.к. в регулярках, я пока ещё плаваю сильно, решил написать решение по своему. Он работает там где в теге с нужным значением присутствует специальный атрибут. $(document).ready(function(){$('*[separation]').separation();}); $.fn.separation = function(){ // separation - имя атрибута var target = this.text(); // берём строку var len = target.length; // получаем её длину var b = []; //создаём массив if(len > 3){ //проверяем, нужно ли обрабатывать строку var count = parseInt(len/3); // получаем количество троек (3 цифры) var start = len % 3; // берём первые цифры var a = target.slice(0, start); // записываем их for(var i = 0; i<count; i++){ // пробегаемся по полученным тройкам if(i == 0){ //первая итерация b.push(target.slice(start, start+3)); //записываем в массив var index = start+3; // записываем индекс цифры, на которой остановились } else { // остальные итерации b.push(target.slice(index, index+3)); // аналагично записываем в массив index = index+3; }; }; this.html(a+' '+ b.join(' ')); //собираем всё и единожды обращаемся к DOM-дереву и записываем результат с разделителем } } Минусы: 1) громоздко 2) тег с рабочим атрибутом должен оборачивать только цифры (тег любой, но span предпочтительнее, т.к. не меняет визуальное отображение) Плюсы: 1) можно указывать любой разделитель 2) Слышал мнение, что циклы быстрее регулярки (кстати, так ли это?) 3) написал сам, для развития хорошо (но это личный плюс) В итоге, когда у нас есть строка <span separation>1000000</span>, на выходе мы получаем 1 000 000. Вариант с регуляркой нашёл позже, вот он: var str = 'Lorem ipsum 234456234 Lorem ipsum 7345287346 asdfae'; alert(str.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ')); Есть предложения по улучшению, замечания? |
пфффф ......, ну ты понял
|
|
Цитата:
|
Sober_exe,
Я дал на конкретный пост с нужным примером var text = "Lorem ipsum 234456234 Lorem ipsum 7345287346 asdfae"; var re = /(?=\B(?:\d{3})+(?!\d))/g alert( text.replace( re, ' ' ) ); |
Видоизменил на следующее:
$.fn.separation = function(){ var target = this.text(); this.attr('basicValue',target.match(/\d+/g)); //создаём атрибут специальный куда запишем начальное значение, для того что бы, можно было к нему обратится при необходимости var re = /(?=\B(?:\d{3})+(?!\d))/g; this.html(target.replace( re, ' ' )); } В итоге: 1. Оборачивать только цифры теперь не надо, буквы отсекаться будут 2. Ставим атрибут "separation" на общий тег 3. В этом теге создастся ещё один атрибут "basicValue", где будет лежать начальное значение, без разделения (только цифры). При необходимости от туда можно брать значение |
Sober_exe,
так как это jquery необходим return иначе прервётся цепочка вызовов. |
рони,
Спасибо, добавил return в конец. А можете пояснить эту необходимость, я не в курсе того, что цепочка прервёться |
Sober_exe,
Вот хтмл код <div class="container" > 1234567890 </div> <div class="container" > 777777777 </div> вот код запуска alert($('.container').separation().text()); попробуйте сделать код чтоб всё работало |
рони, спасибо! я понял
|
Часовой пояс GMT +3, время: 10:00. |