通过引用交换对象？

Question

我希望使用 swap 函数交换两个对象，并仅引用它们。

一个典型的用例是这样的：

function swap(a, b) {
    ...
}

var a = [ { id: 1 }, { id: 2 } ]
swap(a[0], a[0])
console.log(a) // [ { id: 2 }, { id: 1 } ]

var one = { id: 1 }
var two = { id: 2 }
swap(one, two)
console.log(one) // Should be { id: 2 }
console.log(two) // Should be { id: 1 }

（添加了更多用例。swap 不应依赖于任何数组功能。）

这可能吗？我知道 javascript 的功能是复制引用source。所以本质上，swap(a, b) 的a 和b 只是a[0] 和a[1] 的副本，所以如果不实际将a 的字段复制到b 的字段，反之亦然，这似乎不切实际。

---

编辑：@timolawl 指出了 ES6 的解构，但它似乎不适用于这个用例：

let a = [{ id: 1 }, { id: 2 }]

let one = a[0]
let two = a[1]

console.log(a[0])
console.log(a[1])

[one, two] = [two, one]

console.log(a[0])
console.log(a[1])

jsfiddle

Answer 1

使用 ES6，你可以使用destructuring:

一般情况：

[a, b] = [b, a];

例子：

let one = { id: 1 };
let two = { id: 2 };

document.body.insertAdjacentHTML('beforeend', '<pre>' + JSON.stringify(one, 0, 4) + '</pre>');
document.body.insertAdjacentHTML('beforeend', '<pre>' + JSON.stringify(two, 0, 4) + '</pre>');

[one, two] = [two, one];

document.body.insertAdjacentHTML('beforeend', '<pre>' + JSON.stringify(one, 0, 4) + '</pre>');
document.body.insertAdjacentHTML('beforeend', '<pre>' + JSON.stringify(two, 0, 4) + '</pre>');

Answer 2

通过深拷贝交换

没有简单的方法。 Object.assign 可以提供帮助，但链下的任何属性都只是浅拷贝。还有一个笨拙的 JSON 副本。 var b = JSON.parse(JSON.stringify(a)); 但这不处理函数并忽略所有未分配的属性，并且不能处理任何循环数据（这都是通用的）。您可以迭代属性和原型链并使用 Object.hasOwnProperty，但对于副本应该有多深、如何锻炼继承等等，您仍然有未知数

通常，副本（或交换）需要了解数据的含义和上下文。有些人可能会认为这是一个不利于 Javascript 的短暂失败，但随后的通用交换或复制功能打破了函数式编程、数据封装等的许多规则，所有这些规则背后都有很好的理由。

这就是为什么没有提供方便的深拷贝的原因。

Answer 3

可以重构这个函数来完成你想要的——提供数组和两个索引并基于这些进行交换。例如：

function swap(array, a, b) {
    var temp = array[a]; // store a temporary copy of the variable

    // perform the swap
    array[a] = array[b];
    array[b] = temp;
}

请注意，临时副本是必需的，因为设置array[a] = array[b] 时会覆盖数据 - 因此您必须事先存储array[a] 的值。