我很难弄清楚如何移动数组元素。 例如，给出以下内容：

var arr = [ 'a', 'b', 'c', 'd', 'e'];

我为什么能写入移动功能'd'之前， 'b' ？

或'a'后'c' ？

移动之后，应更新其余元素的索引。 这意味着在第一个示例中，移动后arr [0] ='a'，arr [1] ='d'arr [2] ='b'，arr [3] ='c'，arr [4] = 'e'

这看起来应该很简单，但是我无法将其包裹住。

#1楼

您可以实现一些基本的微积分，并创建通用函数以将数组元素从一个位置移动到另一位置。

对于JavaScript，它看起来像这样：

function magicFunction (targetArray, indexFrom, indexTo) {

targetElement = targetArray[indexFrom];

magicIncrement = (indexTo - indexFrom) / Math.abs (indexTo - indexFrom);

for (Element = indexFrom; Element != indexTo; Element += magicIncrement){

targetArray[Element] = targetArray[Element + magicIncrement];

}

targetArray[indexTo] = targetElement;

}

请查看“积木”中的“移动数组元素”以获取详细说明。

#2楼

Array.move.js

摘要

在数组中移动元素，返回包含已移动元素的数组。

句法

array.move(index, howMany, toIndex);

参量

index ：元素移动的索引。 如果为负， 索引将从末尾开始。

howMany ：要从索引移动的元素数。

toIndex ：放置移动元素的数组的索引。 如果为负，则toIndex将从结尾开始。

用法

array = ["a", "b", "c", "d", "e", "f", "g"];

array.move(3, 2, 1); // returns ["d","e"]

array; // returns ["a", "d", "e", "b", "c", "f", "g"]

Polyfill

Array.prototype.move || Object.defineProperty(Array.prototype, "move", {

value: function (index, howMany, toIndex) {

var

array = this,

index = parseInt(index) || 0,

index = index < 0 ? array.length + index : index,

toIndex = parseInt(toIndex) || 0,

toIndex = toIndex < 0 ? array.length + toIndex : toIndex,

toIndex = toIndex <= index ? toIndex : toIndex <= index + howMany ? index : toIndex - howMany,

moved;

array.splice.apply(array, [toIndex, 0].concat(moved = array.splice(index, howMany)));

return moved;

}

});

#3楼

最后，我将这两种方法结合起来，无论在长距离还是短距离移动时，效果都更好。 我得到了相当一致的结果，但是这可能会被比我聪明的人进行一些调整，以针对不同的尺寸进行不同的工作，等等。

当移动物体较小距离时，使用其他一些方法比使用拼接要快得多(x10)。 但是，这可能会根据数组的长度而变化，但是对于大型数组而言确实如此。

function ArrayMove(array, from, to) {

if ( Math.abs(from - to) > 60) {

array.splice(to, 0, array.splice(from, 1)[0]);

} else {

// works better when we are not moving things very far

var target = array[from];

var inc = (to - from) / Math.abs(to - from);

var current = from;

for (; current != to; current += inc) {

array[current] = array[current + inc];

}

array[to] = target;

}

}

#4楼

splice()方法在数组中添加/删除项目，并返回删除的项目。

注意：此方法更改原始数组。 / w3schools /

Array.prototype.move = function(from,to){

this.splice(to,0,this.splice(from,1)[0]);

return this;

};

var arr = [ 'a', 'b', 'c', 'd', 'e'];

arr.move(3,1);//["a", "d", "b", "c", "e"]

var arr = [ 'a', 'b', 'c', 'd', 'e'];

arr.move(0,2);//["b", "c", "a", "d", "e"]

由于该函数是可链接的，因此也可以工作：

alert(arr.move(0,2).join(','));

#5楼

我的2c。 易于阅读，有效，快速，不会创建新数组。

function move(array, from, to) {

if( to === from ) return array;

var target = array[from];

var increment = to < from ? -1 : 1;

for(var k = from; k != to; k += increment){

array[k] = array[k + increment];

}

array[to] = target;

return array;

}