JavaScript Array findLast() Method

What You’ll Learn

The findLast() method returns the last element that passes your test, searching from the end of the array. Added in ES2023, it mirrors find() but scans tail-first. This tutorial covers syntax, five examples, defaults when nothing matches, and comparisons with find() and findLastIndex().

Introduction

find() stops at the first match from the front. But what if you care about the most recent log entry, the last failed test, or the final item in a list that meets a rule? That is where findLast() fits.

It walks the array from the last index toward zero and returns the first element (in reverse order) whose callback returns a truthy value.

Understanding the findLast() Method

array.findLast(callback) uses the same callback signature as find(): (element, index, array). The difference is search direction—evaluation begins at length - 1 and moves backward.

When multiple elements pass the test, findLast() returns the one closest to the end of the array.

📝 Syntax

General form of Array.prototype.findLast:

array.findLast(callback(element, index, array), thisArg)

Parameters

• callback — predicate tested on each element from end to start.
• element — current array item.
• index — optional; position of the element.
• array — optional; the array being searched.
• thisArg — optional; value to use as this inside the callback.

Return value

• The last element (tail-first) for which the callback is truthy.
• undefined if no element passes.
• Original array unchanged.

Common patterns

• arr.findLast(n => n > 30) — last value above 30.
• logs.findLast(l => l.level === "error") — most recent error.
• arr.findLast(cb) ?? defaultVal — fallback when missing.

Examples Gallery

Open DevTools Console (F12) or use Try-it labs. Example N maps to ?tryit=N.

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

const result = numbers.findLast((n) => n > 30);

console.log(result);
// 50

50

const scores = [85, 90, 75, 90, 60];

const firstHigh = scores.find((s) => s >= 90);
const lastHigh = scores.findLast((s) => s >= 90);

console.log(firstHigh);
// 90  (index 1)
console.log(lastHigh);
// 90  (index 3 — same value, different position)

90
90

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

const result = numbers.findLast((n) => n > 100) ?? "No match found";

console.log(result);
// "No match found"

"No match found"

const users = [
  { name: "Alice", status: "active" },
  { name: "Bob", status: "inactive" },
  { name: "Charlie", status: "active" }
];

const lastActive = users.findLast((u) => u.status === "active");

console.log(lastActive);
// { name: "Charlie", status: "active" }

{ name: "Charlie", status: "active" }

const events = [
  { level: "info", msg: "Server started" },
  { level: "error", msg: "Disk full" },
  { level: "info", msg: "Retry scheduled" },
  { level: "error", msg: "Connection timeout" }
];

const lastError = events.findLast((e) => e.level === "error");

console.log(lastError.msg);
// "Connection timeout"

"Connection timeout"

🚀 Common Use Cases

• Audit logs — fetch the latest warning or error event.
• Version history — last release marked as stable.
• Form steps — last invalid field in tab order stored as array.
• Game state — most recent power-up still active.
• Chat threads — last message from a given user.
• Analytics — final data point above a threshold.

📝 Notes

• Added in ES2023 alongside findLastIndex().
• Returns undefined when no match—same as find().
• Does not mutate or reverse the array (unlike spread + reverse tricks).
• A stored undefined match is ambiguous vs not found—use findLastIndex if that matters.
• Feature-detect with "findLast" in Array.prototype for older runtimes.
• Polyfill or backward loop for environments without ES2023.

💡 Best Practices