Javascript实现数组中的元素上下移动

下面是“Javascript实现数组中的元素上下移动”的完整攻略：

1. 实现思路

• 首先需要获取要移动的元素和移动方向；
• 然后通过数组中splice方法实现元素位置的上移或下移；
• 最后需要对移动后的新数组进行操作。

2. 具体实现

2.1 上移元素

function arrayMoveUp(arr, index) {
  if (index == 0) {
    return arr;
  } else {
    var temp = arr[index - 1];
    arr[index - 1] = arr[index];
    arr[index] = temp;
    return arr;
  }
}

上面的代码实现了将数组中指定索引位置的元素上移一位，如果该元素已经在最顶部，则返回原数组。

2.2 下移元素

function arrayMoveDown(arr, index) {
  if (index == arr.length - 1) {
    return arr;
  } else {
    var temp = arr[index + 1];
    arr[index + 1] = arr[index];
    arr[index] = temp;
    return arr;
  }
}

上面的代码实现了将数组中指定索引位置的元素下移一位，如果该元素已经在最底部，则返回原数组。

3. 示例说明

3.1 示例一

假设有一个数组，元素分别为a、b、c、d，我们要将其中的b元素向上移动一位：

var arr = ['a', 'b', 'c', 'd'];
var index = 1;
arrayMoveUp(arr, index);

执行后的结果为：

['b', 'a', 'c', 'd']

3.2 示例二

假设有一个数组，元素分别为a、b、c、d，我们要将其中的c元素向下移动一位：

var arr = ['a', 'b', 'c', 'd'];
var index = 2;
arrayMoveDown(arr, index);

执行后的结果为：

['a', 'b', 'd', 'c']

4. 总结

通过以上实现，我们可以很轻松地实现数组中元素位置的上下移动。值得注意的是，移动后的数组元素顺序有可能发生变化，需要在后续的操作中进行适当的调整。