JavaScript 数组 toReversed

摘要：在本教程中，您将学习如何使用 JavaScript 数组 toReversed() 方法来反转数组中元素的顺序并返回一个新的数组，该数组包含原始数组中元素的反转顺序。

JavaScript 数组 toReversed() 方法简介

toReversed() 方法反转 数组 中元素的顺序并返回一个新数组，其中包含元素的反转顺序。

与reversed() 方法不同，该方法就地反转数组的元素，toReversed() 方法不修改原始数组。相反，它创建了一个新数组，其中包含原始数组中元素的反转顺序。

以下是 toReversed() 方法的基本语法

Array.prototype.toReversed()Code language: JavaScript (javascript)

toReversed() 方法不接受任何参数并返回一个新数组，其中包含元素的反转顺序。

当您在稀疏数组上调用 toReversed() 方法时，它会将空插槽视为具有 undefined 值。

此方法是泛型的，这意味着您可以在具有 length 属性和整数键属性的非数组对象上调用它。

JavaScript 数组 toReversed() 方法示例

让我们探索一些使用 JavaScript 数组 toReverse() 方法的示例。

1) 在字符串数组上使用 JavaScript 数组 toReversed() 方法

以下示例使用 toReverse() 方法反转一个字符串数组

const colors = ['red','green','blue'];
const reversedColors = colors.toReversed();

console.log(colors);
console.log(reversedColors);Code language: JavaScript (javascript)

输出

['red','green','blue']
['blue', 'green', 'red']Code language: JavaScript (javascript)

2) 在数字数组上使用 JavaScript 数组 toReversed() 方法

以下示例使用 toReversed() 方法反转数组中数字的顺序

const scores = [1, 3, 5, 7];
const reversedScores = scores.toReversed();

console.log(scores);
console.log(reversedScores);Code language: JavaScript (javascript)

输出

[1, 3, 5, 7]
[7, 5, 3, 1]Code language: JavaScript (javascript)

3) 在对象数组上使用 JavaScript 数组 toReversed() 方法

以下示例使用 toReversed() 方法反转数组中对象的顺序

const contacts = [{name: 'John'}, {name: 'Alice'}, {name: 'Bob'}];
const reversedContacts = contacts.toReversed();

console.log(contacts);
console.log(reversedContacts);Code language: JavaScript (javascript)

输出

[{name: 'John'}, {name: 'Alice'}, {name: 'Bob'}]
[{name: 'Bob'}, {name: 'Alice'}, {name: 'John'}]Code language: JavaScript (javascript)

4) 在稀疏数组上调用 toReversed() 方法

当您在稀疏数组上调用 toReversed() 方法时，结果数组将保持稀疏。toReversed() 方法将空插槽复制到它们各自的索引上，作为空插槽

const scores = [1,,7,5];
const reversedScores = scores.toReversed();

console.log(scores);
console.log(reversedScores);Code language: JavaScript (javascript)

输出

[1,, 7, 5]
[5, 7, undefined, 1]Code language: JavaScript (javascript)

5) 在非数组对象上调用 toReversed() 方法

以下示例说明了如何在具有 length 属性和整数键属性的对象上调用 toReversed() 方法

const arrayLike = {
  length: 3,
  unrelated: "bar",
  2: 2,
  3: 3, // ignored because the length is 3
};

const result = Array.prototype.reverse.call(arrayLike);

console.log(result);Code language: JavaScript (javascript)

输出

{0: 2, 3: 3, length: 3, unrelated: 'bar'}Code language: JavaScript (javascript)

在此示例中，toReversed() 方法执行以下操作

• 首先，访问对象的 length 属性。
• 其次，遍历每个具有整数键的属性，范围从 0 到 length / 2。
• 第三，交换数组两端对应索引处的 value。此外，删除没有相应源属性的任何目标属性。
• 最后，返回一个新对象，其中元素（或属性）的顺序以反转顺序。

总结

• 使用 JavaScript 数组 toReversed() 方法来反转数组中元素的顺序并返回一个新的反转数组。