如何对未排序的对象数组的 OBJECT 中的元素重新排序？

Question

每次搜索如何对对象数组的 object 中的元素进行重新排序（不排序）时，都会返回如何对数组进行排序。 那不是我想要的。

这是一个退出和肮脏的例子：

let obj = [
  {
     name: "hi number 1a",
     id: "hi number 2a",
     address: "hi number 3a"
  },  {
     name: "hi number 1b",
     id: "hi number 2b",
     address: "hi number 3b"
  },  {
     name: "hi number 1c",
     id: "hi number 2c",
     address: "hi number 3c"
  },  {
     name: "hi number 1d",
     id: "hi number 2d",
     address: "hi number 3d"
  }
]

我想要做的是遍历所有对象并重新排序它们，因此 id 现在在名称的 position 中为所有对象，如下所示：

let obj = [
  {
     id: "hi number 2a",
     name: "hi number 1a",
     address: "hi number 3a"
  },  {
     id: "hi number 2b",
     name: "hi number 1b",
     address: "hi number 3b"
  },  {
     id: "hi number 2c",
     name: "hi number 1c",
     address: "hi number 3c"
  },  {
     id: "hi number 2d",
     name: "hi number 1d",
     address: "hi number 3d"
  }
]

这是我尝试过的代码：

        $scope.arraymove = (arr, fromindex, toindex) => {

            let len = arr.length;
            let newArr = [];
            let resultArr = [];

            for (let i = 0; i < len; i++) {
                resultArr[i] = move(arr[i], fromindex, toindex);
                newArr.push(resultArr[i]);
            }

            function move(thearr, old_index, new_index) {
                while (old_index < 0) {
                    old_index += len;
                }
                while (new_index < 0) {
                    new_index += len;
                }
                if (new_index >= len) {
                    var k = new_index - len;
                    while ((k--) + 1) {
                        thearr.push(undefined);
                    }
                }
                thearr.splice(new_index, 0, thearr.splice(old_index, 1)[0]); // CODE DIES HERE

                console.log("NEW ARRAY: ", thearr);
                return thearr;
            }

            console.log("New Reordered ARRAY: ", newArr);
            return newArr;
        }

发生的情况是传入的 arr 丢失了 SCOPE，当它遇到拼接时，我得到 SPLICE 是 function。

是的，我仍在使用 AngularJS 为大型电信公司工作。 无论如何，此时它只是纯粹的 javascript。

Answer 1

这里是 go，但请注意，不能保证 object 字段顺序。

 let obj = [ { name: "hi number 1a", id: "hi number 2a", address: "hi number 3a" }, { name: "hi number 1b", id: "hi number 2b", address: "hi number 3b" }, { name: "hi number 1c", id: "hi number 2c", address: "hi number 3c" }, { name: "hi number 1d", id: "hi number 2d", address: "hi number 3d" } ] let newobj = obj.map( o => ({id: o.id, name: o.name, address: o.address})); console.log(newobj)

Answer 2

JavaScript 对象中的属性没有明确的顺序。 不过，通常情况下，它们按添加顺序表示。 “重新排列”这些属性似乎更像是一场强迫症冒险，而不是任何事情。 没有“位置 0”。

也就是说，如果我在这个强迫症任务中，我会做一些非常简单的事情：

let obj = [
  {
     name: "hi number 1a",
     id: "hi number 2a",
     address: "hi number 3a"
  },  {
     name: "hi number 1b",
     id: "hi number 2b",
     address: "hi number 3b"
  },  {
     name: "hi number 1c",
     id: "hi number 2c",
     address: "hi number 3c"
  },  {
     name: "hi number 1d",
     id: "hi number 2d",
     address: "hi number 3d"
  }
];

obj = obj.map(function(instance){
    return {
        id: instance.id,
        name: instance.name,
        address: instance.address
    }
});

请注意，这会将您的对象替换为具有所需顺序的新对象。 如果您的应用程序引用了任何旧对象，这可能是不可取的。

如果您希望保持 object 引用完整，您可以改为 forEach() 您的数组，复制属性，删除它们，然后重新分配。 像这样的东西：

obj.forEach(function(instance){
   let temp = {
        id: instance.id,
        name: instance.name,
        address: instance.address
    };
    delete instance.id;
    delete instance.name;
    delete instance.address;
    instance.id = temp.id;
    instance.name = temp.name;
    instance.address = temp.address;
});

再一次，这一切似乎都是不必要的。 我能想到的唯一可能有意义的情况是，如果您需要将数据传递给某个真正关心非序数属性的“顺序”的进程（这似乎是破碎和脆弱的）。