Lodash Wrapper .reverse() Method

What You’ll Learn

By the end of this tutorial, you’ll use wrapper .reverse() to flip array order inside Lodash chains—and avoid surprises from in-place mutation.

What Is Wrapper .reverse()?

Wrapper .reverse() reverses the order of elements in the wrapped array in place and returns the wrapper so you can keep chaining. It behaves like native Array.prototype.reverse(), but fits naturally into Lodash pipelines built with _(value) or .chain().

Because .reverse() mutates the underlying array, always think about whether the source data should change. When you need a reversed copy without touching the original, wrap a shallow copy first—then finish with .value() to unwrap.

📝 Syntax

Call .reverse() on a wrapper with no arguments:

const array = [1, 2, 3];
const reversed = _(array).reverse().value();
// reversed -> [3, 2, 1]
// array also -> [3, 2, 1] (mutated)

Syntax Rules

• No arguments — reverses the wrapped array in place.
• Returns a wrapper — chain more steps or call .value() to unwrap.
• Mutates underlying data — the original array variable sees the reversed order.
• Chain position matters — map then reverse reverses mapped values, not the pre-map source.
• Immutable option — wrap array.slice() or [...array] before reversing.

import _ from "lodash";

const array = [1, 2, 3];
const reversedArray = _(array).reverse().value();

console.log(reversedArray);
// -> [3, 2, 1]

console.log(array);
// -> [3, 2, 1]

Examples Gallery

Practical wrapper .reverse() patterns with sample output and interactive Try It Yourself labs.

const array = [1, 2, 3];
const reversedArray = _(array).reverse().value();

console.log(reversedArray);
// -> [3, 2, 1]

console.log(array);
// -> [3, 2, 1]

[3, 2, 1]
[3, 2, 1]

const originalArray = [1, 2, 3];
const reversedArray = _(originalArray.slice())
  .reverse()
  .value();

console.log(reversedArray);
// -> [3, 2, 1]

console.log(originalArray);
// -> [1, 2, 3]

[3, 2, 1]
[1, 2, 3]

const array = [1, 2, 3, 4, 5];
const modifiedArray = _(array)
  .map(function (value) { return value * 2; })
  .reverse()
  .value();

console.log(modifiedArray);
// -> [10, 8, 6, 4, 2]

[10, 8, 6, 4, 2]

const numbers = [1, 2, 3, 4, 5];
const transformedData = _(numbers)
  .map(function (value) { return value * 2; })
  .filter(function (value) { return value > 5; })
  .reverse()
  .value();

console.log(transformedData);
// -> [10, 8, 6]

[10, 8, 6]

const data = [10, 20, 30, 40, 50];

const viaWrapper = _(data.slice()).reverse().value();
const viaNative = data.slice().reverse();

console.log(JSON.stringify(viaWrapper) === JSON.stringify(viaNative));
// -> true

true

const timeline = ["event-a", "event-b", "event-c"];

const newestFirst = _([...timeline])
  .reverse()
  .value();

console.log(newestFirst);
// -> ["event-c", "event-b", "event-a"]

console.log(timeline);
// -> ["event-a", "event-b", "event-c"] (unchanged)

["event-c", "event-b", "event-a"]
["event-a", "event-b", "event-c"]

📝 Notes

• There is no _.prototype.reverse() function—the correct name is wrapper .reverse() on a sequence object.
• Wrapper .reverse() mutates the underlying array, just like native Array.prototype.reverse().
• Use array.slice() or spread [...array] before wrapping when you must preserve the original order.
• Mutating wrapper methods like reverse may interact with deferred execution—see .commit() when you need mid-chain flushes.
• Always end chains with .value() when your app needs plain JavaScript data, not a wrapper.
• Next in the series: .value() unwraps the chain and returns the final result.

💡 Best Practices