说，我有一个如下所示的数组：
var playlist = [
{artist:"Herbie Hancock", title:"Thrust"},
{artist:"Lalo Schifrin", title:"Shifting Gears"},
{artist:"Faze-O", title:"Riding High"}
];
如何将元素移动到另一个位置？
例如，我想将{artist:"Lalo Schifrin", title:"Shifting Gears"} 移动到最后。
我尝试使用拼接，如下所示：
var tmp = playlist.splice(2,1);
playlist.splice(2,0,tmp);
但它不起作用。
【问题讨论】：
标签： javascript arrays sorting
Array.splice 的语法是：
yourArray.splice(index, howmany, element1, /*.....,*/ elementX);
地点：
这意味着splice() 可用于删除元素、添加元素或替换数组中的元素，具体取决于您传递的参数。
请注意，它返回一个已删除元素的数组。
一些好的和通用的东西是：
Array.prototype.move = function (from, to) {
this.splice(to, 0, this.splice(from, 1)[0]);
};
然后只需使用：
var ar = [1,2,3,4,5];
ar.move(0,3);
alert(ar) // 2,3,4,1,5
图表：
【讨论】：
如果您知道索引，则可以使用如下简单函数轻松交换元素：
function swapElement(array, indexA, indexB) {
var tmp = array[indexA];
array[indexA] = array[indexB];
array[indexB] = tmp;
}
swapElement(playlist, 1, 2);
// [{"artist":"Herbie Hancock","title":"Thrust"},
// {"artist":"Faze-O","title":"Riding High"},
// {"artist":"Lalo Schifrin","title":"Shifting Gears"}]
数组索引只是数组对象的属性，所以你可以交换它的值。
【讨论】：
对于感兴趣的人来说，这里是一个不可变的版本：
function immutableMove(arr, from, to) {
return arr.reduce((prev, current, idx, self) => {
if (from === to) {
prev.push(current);
}
if (idx === from) {
return prev;
}
if (from < to) {
prev.push(current);
}
if (idx === to) {
prev.push(self[from]);
}
if (from > to) {
prev.push(current);
}
return prev;
}, []);
}
【讨论】：
使用 ES6，您可以执行以下操作：
const swapPositions = (array, a ,b) => {
[array[a], array[b]] = [array[b], array[a]]
}
let array = [1,2,3,4,5];
swapPositions(array,0,1);
/// => [2, 1, 3, 4, 5]
【讨论】：
如果您不知道当前记录在哪里，您可以随时使用排序方法：
playlist.sort(function (a, b) {
return a.artist == "Lalo Schifrin"
? 1 // Move it down the list
: 0; // Keep it the same
});
【讨论】：
return +(a.artist == "Lalo Schifrin")怎么样
将2改为1作为移除元素时拼接调用中的第一个参数：
var tmp = playlist.splice(1, 1);
playlist.splice(2, 0, tmp[0]);
【讨论】：
编辑：请查看Andy's answer，因为他的答案是第一位的，这只是他的延伸
我知道这是一个老问题，但我认为包含 Array.prototype.sort() 是值得的。
这是来自 MDN along with the link 的示例
var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers);
// [1, 2, 3, 4, 5]
幸运的是，它不仅适用于数字：
arr.sort([compareFunction])
compareFunction指定定义排序顺序的函数。如果省略，则数组根据每个字符的 Unicode 码位值，根据每个元素的字符串转换进行排序。
我注意到您是按名字订购的：
let playlist = [
{artist:"Herbie Hancock", title:"Thrust"},
{artist:"Lalo Schifrin", title:"Shifting Gears"},
{artist:"Faze-O", title:"Riding High"}
];
// sort by name
playlist.sort((a, b) => {
if(a.artist < b.artist) { return -1; }
if(a.artist > b.artist) { return 1; }
// else names must be equal
return 0;
});
请注意，如果您想按姓氏订购它们，则必须同时拥有 first_name 和 last_name 的密钥，或者做一些正则表达式魔术，我不能这样做 XD
希望有帮助:)
【讨论】：
不可变版本，无副作用（不改变原始数组）：
const testArr = [1, 2, 3, 4, 5];
function move(from, to, arr) {
const newArr = [...arr];
const item = newArr.splice(from, 1)[0];
newArr.splice(to, 0, item);
return newArr;
}
console.log(move(3, 1, testArr));
// [1, 4, 2, 3, 5]
【讨论】：
试试这个：
playlist = playlist.concat(playlist.splice(1, 1));
【讨论】：
如果您只想将一个项目从任意位置移动到数组的末尾，这应该可以：
function toEnd(list, position) {
list.push(list.splice(position, 1));
return list;
}
如果您想将多个项目从某个任意位置移动到末尾，您可以这样做：
function toEnd(list, from, count) {
list.push.apply(list, list.splice(from, count));
return list;
}
如果您想将多个项目从某个任意位置移动到某个任意位置，请尝试：
function move(list, from, count, to) {
var args = [from > to ? to : to - count, 0];
args.push.apply(args, list.splice(from, count));
list.splice.apply(list, args);
return list;
}
【讨论】：
作为一个简单的可变解决方案，您可以连续调用 splice 两次：
playlist.splice(playlist.length - 1, 1, ...playlist.splice(INDEX_TO_MOVE, 1))
另一方面，一个简单的不可变解决方案可以使用 slice，因为此方法从原始数组返回一个部分的副本而不更改它：
const copy = [...playlist.slice(0, INDEX_TO_MOVE - 1), ...playlist.slice(INDEX_TO_MOVE), ...playlist.slice(INDEX_TO_MOVE - 1, INDEX_TO_MOVE)]
【讨论】：
以这种方式重新排列其工作
var tmpOrder = playlist[oldIndex];
playlist.splice(oldIndex, 1);
playlist.splice(newIndex, 0, tmpOrder);
我希望这会奏效
【讨论】：