js 数组反转方法|极客笔记

js 数组反转方法

在JavaScript中，我们经常需要对数组进行操作，其中之一就是数组的反转。数组反转是指改变数组中元素的顺序，使得元素的顺序与原数组相反。在本文中，我们将详细介绍JavaScript中常用的数组反转方法和示例代码。

原生方法Array.prototype.reverse()

JavaScript中数组对象提供了一个原生方法Array.prototype.reverse()，可以用于反转数组中的元素顺序。它会改变原数组，并且返回反转后的数组。

语法

array.reverse()

参数

无参数

返回值

反转后的数组

示例代码

let arr = [1, 2, 3, 4, 5];
let reversedArr = arr.reverse();

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

在上面的示例中，我们定义了一个数组[1, 2, 3, 4, 5]，调用reverse()方法后得到了反转后的数组[5, 4, 3, 2, 1]。

需要注意的是，reverse()方法会改变原数组的元素顺序，如果不想改变原数组，可以先将原数组复制一份再进行反转操作。

手动实现数组反转方法

除了使用原生方法外，我们还可以手动实现数组反转的方法。其中一种常见的实现方式是使用循环和临时数组。

示例代码

function reverseArray(arr) {
    let reversedArr = [];
    for (let i = arr.length - 1; i >= 0; i--) {
        reversedArr.push(arr[i]);
    }
    return reversedArr;
}

let arr = [1, 2, 3, 4, 5];
let reversedArr = reverseArray(arr);

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

在上面的示例中，我们定义了一个reverseArray()函数，它接受一个数组作为参数，然后通过循环将数组元素逆序放入一个新数组中，最后返回这个新数组。

使用ES6语法实现数组反转方法

在ES6中，我们可以使用更简洁的语法来实现数组的反转。其中一种常见的方式是使用数组的spread和reverse方法。

示例代码

let arr = [1, 2, 3, 4, 5];
let reversedArr = [...arr].reverse();

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

在上面的示例中，我们首先使用spread运算符将原数组浅复制到一个新数组中，然后调用reverse()方法对新数组进行反转操作。

性能比较

在实际应用中，我们常常需要考虑算法的性能。下面我们来比较一下不同实现方式的性能。

我们使用perf_hooks模块中的performance对象来对比原生方法、手动实现和ES6实现方法的性能。

示例代码

const {
    performance
} = require('perf_hooks');

// 原生方法
let arr = new Array(1000000).fill(1);
let start = performance.now();
arr.reverse();
let end = performance.now();
console.log(`原生方法： ${end - start}ms`); // 手动实现 function reverseArray(arr) { let reversedArr = []; for (let i = arr.length - 1; i >= 0; i--) { reversedArr.push(arr[i]); } return reversedArr; } arr = new Array(1000000).fill(1); start = performance.now(); reverseArray(arr); end = performance.now(); console.log(`手动实现：$ {end - start}ms`);

// ES6实现
arr = new Array(1000000).fill(1);
start = performance.now();
[...arr].reverse();
end = performance.now();
console.log(`ES6实现：${end - start}ms`);

在上面的示例中，我们分别对有1000000个元素的数组使用不同的实现方式进行反转，并通过performance对象计算了执行时间。