JS arrays shifting elements around I'm not that good when it comes to JS arrays/objects, so I have the following at the moment:
{
    "rows":{
"0":{
"type":"row",
"width_class":"row new_row",
"column_class":"one"
},
"1":{
"type":"row",
"width_class":"row new_row",
"column_class":"two"
},
"2":{
"type":"row",
"width_class":"row new_row",
"column_class":"three"
}
    }

}

Now what I'm trying to accomplish, is move the rows around, for example move "1" to position "0" and then re-do the keys so so their from 0 to what ever is the total count(-1).
Anyone could help me with this?

Just use the Array.splice() API to remove the first one element.

If your object looks like this:
{
  "rows": [
    {
"type":"row",
"width_class":"row new_row",
"column_class":"one"
    },
    {
"type":"row",
"width_class":"row new_row",
"column_class":"two"
    },
    {
"type":"row",
"width_class":"row new_row",
"column_class":"three"
    }
  ]
};

You can use Array methods to drag around the elements of [yourobj].rows.
Here's a JsFiddle example of that