javascript - JavaScript オブジェクト キーの名前を変更する

Question

次のような多次元オブジェクトがあります。

var elements = {
    front: {
        "1": {
           "backgroundImage": "url(images/elements/pig.png)",
        },
        "2": {
           "backgroundImage": "url(images/elements/star.png)",
        },
        "3": {
           "backgroundImage": "url(images/elements/fish.png)",
        }
    },
    top: {},
    left: {},
    right: {}
};

このオブジェクトの 2 つの要素を切り替える必要があるため、次のようにします。

var temp = elements[front][2];
elements[front][2] = elements[front][3];
elements[front][3] = temp;

これは私に与えます（魚と星を切り替えます-ただし、オブジェクトキーではなくプロパティのみ）：

var elements = {
    front: {
        "1": {
           "backgroundImage": "url(images/elements/pig.png)",
        },
        "2": {
           "backgroundImage": "url(images/elements/fish.png)",
        },
        "3": {
           "backgroundImage": "url(images/elements/star.png)",
        }
    },
    top: {},
    left: {},
    right: {}
};

オブジェクトキーの名前も変更するにはどうすればよいですか?

望ましい結果:

var elements = {
    front: {
        "1": {
           "backgroundImage": "url(images/elements/pig.png)",
        },
        "3": {
           "backgroundImage": "url(images/elements/fish.png)",
        },
        "2": {
           "backgroundImage": "url(images/elements/star.png)",
        }
    },
    top: {},
    left: {},
    right: {}
};