在javascript中移动对象元素位置

Question

我正在尝试找到一种方法来将对象元素移动到特定位置。

例如，我有这个对象：

{
    "element1" : {} // object,
    "element2" : {},
    "element3" : {}
}

我搜索将element3移动到第一个位置：

{
    "element3" : {},
    "element1" : {},
    "element2" : {}
}

谢谢你的帮助 ！

Answer 1

JavaScript对象没有排序。 您应该改为使用对象数组。

var arr = [
  { id: 'element1' },
  { id: 'element2' },
  { id: 'element3' }
]

然后，您可以将其重新排序，例如：

var first = arr.splice(0, 1);
arr.push(first);

也许您然后可以根据id来获取特定元素：

var out = arr.filter(function (el) {
  return el.id === 'element1';
});

Answer 2

JavaScript中的对象本质上是哈希映射。 它们的属性本身没有任何顺序。 它们只是名称值对。

您可能将对象与数组混淆，在这种情况下，排序确实很重要。

Answer 3

这是我执行该逻辑的代码。 谢谢！

function _moveElementObject(object, from, to) {
    var newObjects = [];
    var newObject = {};
    var oldObject = {};
    var firstObject = {};
    var lastObject = {};
    var toMoveKey = "";
    var toMoveValue;
    oldObject = object;
    var objLength = _countProperties(oldObject);
    var keyNo = 1;
    for (var key in oldObject) {
        if (keyNo == from) {
            toMoveKey = key;
            toMoveValue = oldObject[key];
        }
        keyNo++;
    }
    console.log(oldObject);

    keyNo = 1;
    for (var key in oldObject) {
        if (keyNo < to) {
            firstObject[key] = oldObject[key];
            newObject[key] = firstObject[key];
        }
        keyNo++;
    }
    console.log(firstObject);

    keyNo = 1;
    for (var key in oldObject) {
        if (to <= objLength) {
            lastObject[key] = oldObject[key];
        }
        keyNo++;
    }
    delete lastObject[toMoveKey];
    newObject[toMoveKey] = toMoveValue;

    for (var key in lastObject) {
        newObject[key] = lastObject[key];
    }
    console.log(newObject);
    console.log("push");
    return newObject;
}

var sampleObj = {
    "element1" : {} // object,
    "element2" : {},
    "element3" : {}
};

_moveElementObject(sampleObj,3,1);

// output object,
{
    "element3" : {},
    "element1" : {}, 
    "element2" : {},
}