JavaScript 反转数组

JavaScript 反转数组

在本文中,我们将尝试理解如何使用JavaScript中的多种方法反转数组。我们将使用下面的语法来声明一个数组。在声明数组之后,我们将使用不同的方法来反转数组。

语法:

let array_name = [];

方法一:使用 reverse() 方法。

这种方法是最简单且本地的方法,它标记了在 JavaScript 中数组中可用的 reverse() **** 方法的使用。首先,我们将声明一个带有特定值的数组,然后我们将应用 reverse() **** 方法来打印反转后的数组。

示例: 这个示例描述了上面解释的方法。

Javascript

<script>
    let numbers_array = [1, 2, 3, 4, 5];
     
    console.log("Original Array: ");
    console.log(numbers_array);
     
    numbers_array.reverse();
     
    console.log("Reversed Array: ");
    console.log(numbers_array);
</script>

输出:

Original Array: 
[ 1, 2, 3, 4, 5 ]
Reversed Array: 
[ 5, 4, 3, 2, 1 ]

方法二:使用反向的for()循环。

在这种方法中,我们将使用for()循环来反转一个数组。首先,我们会创建一个数组,然后使用for循环以反序打印数组元素。

示例: 这个示例描述了上面解释的方法。

Javascript

<script>
    let original_array = [1, 2, 3, 4];
 
    let reversed_array = [];
 
    console.log("Original Array: ");
    console.log(original_array);
 
    for (let i = original_array.length - 1; i >= 0; i--) {
        reversed_array.push(original_array[i]);
    }
 
    console.log("Reversed Array: ");
    console.log(reversed_array);
</script>

输出:

Original Array: 
[ 1, 2, 3, 4 ]
Reversed Array: 
[ 4, 3, 2, 1 ]

方法三:使用 unshift() 方法。

这种方法使用JavaScript的 unshift() 方法。该方法将元素添加到数组的开头。我们将使用 forEach() 循环,在数组的每个元素上执行操作。我们将使用一个新创建的数组,在其中以相反的方式添加来自先前数组的元素。

示例: 该示例描述了上述解决方案。

JavaScript

<script>
    let original_array = [1, 2, 3, 4, 5, 6];
 
    let reversed_array = [];
 
    console.log("Original Array: ");
    console.log(original_array);
 
    original_array.forEach((element) => {
        reversed_array.unshift(element);
    });
 
    console.log("Reversed Array: ");
    console.log(reversed_array);
</script>

输出:

Original Array: 
[ 1, 2, 3, 4, 5, 6 ]
Reversed Array: 
[ 6, 5, 4, 3, 2, 1 ]

方法四: 使用reduce()方法。

在这种方法中,我们使用reduce方法将回调函数应用于每个元素,并在累加器中获取所有项的汇总结果。首先,我们将在数组上使用reduce方法,并将空字符串作为累加器,然后在数组的开头追加每个元素。最后,我们得到原始数组的反转版本。

示例: 这个示例描述了上述解释的方法。

JavaScript

<script>
    let original_array = [1, 2, 3, 4];
 
    let reversed_array = [];
 
    console.log("Original Array: ");
    console.log(original_array);
 
    reversed_array = original_array.reduce((acc, item)=> [item].concat(acc), [])
 
    console.log("Reversed Array: ");
    console.log(reversed_array);
</script>

输出:

Original Array: 
[ 1, 2, 3, 4 ]
Reversed Array: 
[ 4, 3, 2, 1 ]

方法五:使用 map() 函数。

  • 初始化测试数组。
  • 在测试数组上使用 map 函数,创建一个新数组,其中的元素为测试数组中的元素按照反向顺序排列。
  • 打印结果。

示例: 此示例描述了上述方法。

Javascript

let array = [1, 2, 3, 4, 5];
 
console.log("Original Array: ");
console.log(array);
 
reverse_array = array.map((item, idx) => array[array.length - 1 - idx])
 
console.log("Reversed Array: ");
console.log(reverse_array);

输出:

Original Array: 
[ 1, 2, 3, 4, 5 ]
Reversed Array: 
[ 5, 4, 3, 2, 1 ]

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程