Formatting numbers like 10000 as 10k

Question

I have a 5-digit number, like 10000, and I want to display it as 10k, as I'll eventually have 6 digits (I'm talking about Twitter counts, actually). I suppose I have to substring, but I'm not that used to JavaScript just yet.

Here's just about what I'm trying to use. It basically gets the count of the followers by JSON.

<script type="text/javascript">
    $(function() {
        $.ajax({
            url: 'http://api.twitter.com/1/users/show.json',
            data: {
                screen_name: 'lolsomuchcom'
            },
            dataType: 'jsonp',
            success: function(data) {
            $('#followers').html(data.followers_count);
                }
        });
    });
</script>

`followers_count` is five numbers? And how exactly does this look like? Or how is your post to be understood? Please include a proper example, it's difficult to understand what your problem is. — Felix Kling, Jan 15 '13 at 00:51
Last edit is titled "Improving code format."... actually you made it worse. — Felix Kling, Jan 15 '13 at 00:55
I'm still at a loss as to where these mysterious five numbers are. — Beetroot-Beetroot, Jan 15 '13 at 01:02
@Beetroot-Beetroot as in the 10,000s where it can soon reach 6, being 100,000 followers. But I'm basically trying to convert to using k for the thousand. — Satan, Jan 15 '13 at 01:03
So you've got a number in the tens- or hundreds- of thousands. What do you want to do with it? — Beetroot-Beetroot, Jan 15 '13 at 01:06

score 3 · Answer 1 · answered Jan 15 '13 at 01:08

3

Try :

$('#followers').html(Math.floor(data.followers_count/1000) + 'K');

answered Jan 15 '13 at 01:08

Beetroot-Beetroot

18,022
3
37
44

1

+1 in case this isn't accepted. It should be :) – AlienWebguy Jan 15 '13 at 01:27
@AlienWebguy, you are a string-handling gentleman sir. – Beetroot-Beetroot Jan 15 '13 at 01:32

AlienWebguy · Accepted Answer · 2013-01-15T01:07:30.627

2

$('#followers').html(data.followers_count.substring(0, data.followers_count.length - 3));

Demo: http://jsfiddle.net/ZWfPW/

Edit.. here's the literal code, just for you:

$(function() {
    $.ajax({
        url: 'http://api.twitter.com/1/users/show.json',
        data: {
            screen_name: 'lolsomuchcom'
        },
        dataType: 'jsonp',
        success: function(data) {
            // Ensure it's a string
            data.followers_count += '';
            $('#followers').html(data.followers_count.substring(0, data.followers_count.length - 3) + 'K');
        }
    });
});

edited Jan 15 '13 at 01:07

answered Jan 15 '13 at 00:53

AlienWebguy

76,997
17
122
145

Couldn't get it to work. – Satan Jan 15 '13 at 01:02
Did you click the fiddle link? It works. – AlienWebguy Jan 15 '13 at 01:03
Yea, but it goes blank using this snippet. – Satan Jan 15 '13 at 01:05
There, even added the 'K' for you per your comment – AlienWebguy Jan 15 '13 at 01:09
Why not do it the "too simple" way? – Beetroot-Beetroot Jan 15 '13 at 01:15
@Beetroot-Beetroot I can say, you both do have right answers, and I do appreciate the help from the both of you. :) – Satan Jan 15 '13 at 01:20
String-handling to do something straightforwardly mathematical is bonkers. – Beetroot-Beetroot Jan 15 '13 at 01:24
Haha I wholeheartedly agree with @Beetroot-Beetroot. I had no idea what you were planning to do with your follower count until your last comment about turning 39868 into 39K. In the end, while both work, his answer makes sense and won't confuse future devs looking at your code base. – AlienWebguy Jan 15 '13 at 01:27
Eeek, you took the question too literally! – bfavaretto Jan 15 '13 at 01:42

Formatting numbers like 10000 as 10k

2 Answers2

Linked