DestructuringBaseline · Widely available
The destructuring assignment syntax is a JavaScript expression that unpacks values from arrays, or properties from objects, into distinct variables.
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jan 15, 2020. Widely available since Jul 15, 2022.
Browser support
DesktopChrome
1–59Not supported
60+Supportedsince Jul 25, 2017
Current: 155Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154Firefox
1–54Not supported
55+Supportedsince Aug 8, 2017
Current: 157Safari
1–11Not supported
11.1+Supportedsince Apr 12, 2018
Current: 27MobileChrome Android
18–59Not supported
60+Supportedsince Aug 1, 2017
Current: 155Firefox Android
4–54Not supported
55+Supportedsince Aug 8, 2017
Current: 157Safari iOS
1–11Not supported
11.3+Supportedsince Mar 29, 2018
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
Full syntax and examples are on MDN: Destructuring.
Feature detection
JS · check before using
// Syntax can't be tested with an if-statement — an unsupported
// browser fails to parse the whole script. Either transpile for older
// targets (e.g. Babel/TypeScript/esbuild), or probe in isolation:
let supported = true;
try {
new Function("/* code that uses the syntax */");
} catch {
supported = false;
}This is a language syntax feature.
Documentation (MDN)
Sub-features
Support for each part of the feature (4). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| destructuring | 49 | 14 | 41 | 8 | 49 | 41 | 8 |
| destructuring.computed_property_names | 49 | 14 | 41 | 10 | 49 | 41 | 10 |
| destructuring.rest_in_arrays | 49 | 16 | 41 | 9.1 | 49 | 41 | 9.3 |
| destructuring.rest_in_objects | 60 | 79 | 55 | 11.1 | 60 | 55 | 11.3 |