js 数组元素交换位置|极客笔记

js 数组元素交换位置

在开发中，经常会遇到需要交换数组中元素位置的情况，比如根据某种条件将数组中的元素进行排序或者重新排列等。本文将介绍如何使用JavaScript实现数组元素的交换位置。

方法一：使用临时变量

最常见的方法是使用一个临时变量来实现数组元素的位置交换。下面是一个简单的示例代码：

let arr = [1, 2, 3, 4];

function swap(arr, index1, index2) {
    let temp = arr[index1];
    arr[index1] = arr[index2];
    arr[index2] = temp;
}

swap(arr, 1, 2);

console.log(arr); // [1, 3, 2, 4]

在上面的示例中，我们定义了一个swap函数，该函数接受一个数组以及两个索引参数，然后使用临时变量temp来交换数组中指定索引位置的元素。

方法二：使用ES6解构赋值

ES6引入了解构赋值语法，可以更简洁地实现数组元素的位置交换。下面是使用ES6解构赋值的示例代码：

let arr = [1, 2, 3, 4];

function swap(arr, index1, index2) {
    [arr[index1], arr[index2]] = [arr[index2], arr[index1]];
}

swap(arr, 1, 2);

console.log(arr); // [1, 3, 2, 4]

在上面的示例中，我们直接利用ES6的解构赋值语法，将两个元素进行交换，代码更为简洁。

方法三：使用splice方法

除了以上两种方法外，我们还可以使用数组的splice方法来实现数组元素的位置交换。下面是一个使用splice方法的示例代码：

let arr = [1, 2, 3, 4];

function swap(arr, index1, index2) {
    if (index1 === index2) return; // 避免相同索引位置的元素交换
    let temp = arr.splice(index1, 1, arr[index2])[0];
    arr.splice(index2, 1, temp);
}

swap(arr, 1, 2);

console.log(arr); // [1, 3, 2, 4]

在上面的示例中，我们先使用splice方法删除指定索引位置的元素，并返回被删除的元素，然后再插入到另一个位置上。

方法四：使用数组方法

除了以上方法外，JavaScript中还提供了一些数组方法可以实现元素位置的交换，比如slice、concat等。下面是一个使用数组方法的示例代码：

let arr = [1, 2, 3, 4];

function swap(arr, index1, index2) {
    let temp = arr[index1];
    arr = arr.slice(0, index1)
          .concat(arr.slice(index2, index2 + 1))
          .concat(arr.slice(index1 + 1, index2))
          .concat(temp)
          .concat(arr.slice(index2 + 1));
    return arr;
}

arr = swap(arr, 1, 2);

console.log(arr); // [1, 3, 2, 4]

在上面的示例中，我们使用了slice和concat方法将数组分割为多个部分，然后再合并成一个新的数组，实现元素的位置交换。