当前位置:首页 > JavaScript

js用函数实现反转数组

2026-01-31 11:05:16JavaScript

使用函数反转数组的方法

方法1:使用 reverse() 方法

JavaScript 的数组原生提供了 reverse() 方法,可以直接反转数组。

js用函数实现反转数组

function reverseArray(arr) {
    return arr.reverse();
}
const originalArray = [1, 2, 3, 4];
const reversedArray = reverseArray(originalArray);
console.log(reversedArray); // [4, 3, 2, 1]

方法2:手动实现反转(遍历交换)

通过遍历数组并交换元素位置实现反转,适用于需要自定义逻辑的场景。

js用函数实现反转数组

function reverseArray(arr) {
    const reversed = [];
    for (let i = arr.length - 1; i >= 0; i--) {
        reversed.push(arr[i]);
    }
    return reversed;
}
const originalArray = [1, 2, 3, 4];
const reversedArray = reverseArray(originalArray);
console.log(reversedArray); // [4, 3, 2, 1]

方法3:使用 reduce() 方法

利用 reduce() 从右向左累加数组元素,生成反转后的数组。

function reverseArray(arr) {
    return arr.reduce((acc, current) => [current, ...acc], []);
}
const originalArray = [1, 2, 3, 4];
const reversedArray = reverseArray(originalArray);
console.log(reversedArray); // [4, 3, 2, 1]

方法4:原地交换(双指针)

通过双指针在数组内部交换元素,节省空间复杂度。

function reverseArray(arr) {
    let left = 0;
    let right = arr.length - 1;
    while (left < right) {
        [arr[left], arr[right]] = [arr[right], arr[left]];
        left++;
        right--;
    }
    return arr;
}
const originalArray = [1, 2, 3, 4];
const reversedArray = reverseArray(originalArray);
console.log(reversedArray); // [4, 3, 2, 1]

注意事项

  • reverse() 会修改原数组:若需保留原数组,需先拷贝(如 [...arr].reverse())。
  • 性能考虑:大数据量时,双指针或 reduce() 可能比遍历更高效。

根据需求选择合适的方法即可。

标签: 数组函数
分享给朋友:

相关文章

vue循环数组实现

vue循环数组实现

循环数组的实现方法 在Vue中循环数组通常使用v-for指令,以下是几种常见场景的实现方式: 基本数组循环 <template> <div> <ul&g…

vue实现检测数组

vue实现检测数组

检测数组变化的方法 在Vue中,可以通过多种方式检测数组的变化。Vue本身对数组的某些方法进行了响应式处理,但某些情况下需要手动触发更新或使用特定方法。 使用Vue.set或this.$set 对于…

vue伪函数实现

vue伪函数实现

Vue 伪函数实现方法 在 Vue 中,伪函数(Mock Functions)通常用于测试或模拟某些逻辑行为。以下是几种常见的实现方式: 使用 Jest 的 mock 功能 // 模拟一个 API…

php 函数实现

php 函数实现

PHP 函数实现基础 PHP 函数的定义使用 function 关键字,后跟函数名和参数列表。函数名不区分大小写,但建议保持一致。 function functionName($param1, $p…

vue实现数组全选

vue实现数组全选

Vue 实现数组全选功能 在 Vue 中实现数组全选功能通常涉及以下几个步骤: 数据绑定与状态管理 创建一个数组来存储所有选项的数据,并添加一个 selectedItems 数组来存储已选中的项。使…

vue数组实现乘法

vue数组实现乘法

在 Vue 中实现数组乘法 Vue 中可以通过计算属性或方法实现数组乘法操作。以下是几种常见的方法: 使用计算属性计算数组乘积 计算属性适合在依赖的数组发生变化时自动更新结果。 data(…