ird element
in the array ` props ` below, and then you want the ` name ` property in the
object, you can do the following:

js

    
    
    const props = [
      { id: 1, name: "Fizz" },
      { id: 2, name: "Buzz" },
      { id: 3, name: "FizzBuzz" },
    ];
    
    const [, , { name }] = props;
    
    console.log(name); // "FizzBuzz"
    

####  The prototype chain is looked up when the object is deconstructed

When deconstructing an object, if a property is not accessed in itself, it
will continue to look up along the prototype chain.

js

    
    
    const obj = {
      self: "123",
      __proto__: {
        prot: "456",
      },
    };
    const { self, prot } = obj;
    
    console.log(self); // "123"
    console.log(prot); // "456"
    

##  Specifications

Specification  
---  
[ ECMAScript Language Specification  
#  sec-destructuring-assignment
](https://tc39.es/ecma262/multipage/ecmascript-language-expressions.html#sec-
destructuring-assignment)  
[ ECMAScript Language Specification  
#  sec-destructuring-binding-patterns
](https://tc39.es/ecma262/multipage/ecmascript-language-statements-and-
declarations.html#sec-destructuring-binding-patterns)  
  
##  Browser compatibility

BCD tables only load in the browser  with JavaScript enabled. Enable
JavaScript to view data.

##  See also

  * [ Assignment operators ](/en-US/docs/Web/JavaScript/Reference/Operators#assignment_operators)
  * [ ES6 in Depth: Destructuring ](https://hacks.mozilla.org/2015/05/es6-in-depth-destructuring/) on hacks.mozilla.org (2015) 

##  Help improve MDN

Was this page helpful to you?

Yes  No

[ Learn how to contribute
](https://github.com/mdn/content/blob/main/CONTRIBUTING.md "This will take you
to our contribution guidelines on GitHub.") .

This page was last modified on  Oct 4, 2023  by  [ MDN contributors ](/en-
US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment/contributors.txt)
.

[ View this page on GitHub
](https://github.com/mdn/content/blob/main/files/en-
us/web/javascript/reference/operators/destructuring_assignment/index.md?plain=1
"Folder: en-us/web/javascript/reference/operators/destructuring_assignment
\(Opens in a new tab\)") â¢  [ Report a problem with this content
](https://github.com/mdn/content/issues/new?template=page-report.yml&mdn-
url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-
US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FOperators%2FDestructuring_assignment&metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EPage+report+details%3C%2Fsummary%3E%0A%0A*+Folder%3A+%60en-
us%2Fweb%2Fjavascript%2Freference%2Foperators%2Fdestructuring_assignment%60%0A*+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fen-
US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FOperators%2FDestructuring_assignment%0A*+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fblob%2Fmain%2Ffiles%2Fen-
us%2Fweb%2Fjavascript%2Freference%2Foperators%2Fdestructuring_assignment%2Findex.md%0A*+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fcommit%2Fe3faa375b0179de77a5eff00074e3d168a0a904c%0A*+Document+last+modified%3A+2023-10-04T23%3A23%3A49.000Z%0A%0A%3C%2Fdetails%3E
"This will take you to GitHub to file a new issue.")

[ MDN logo  ](/)

Your blueprint for a better internet.

  * [ MDN on Mastodon  ](https://mozilla.social/@mdn)
  * [ MDN on X (formerly Twitter)  ](https://twitter.com/mozdevnet)
  * [ MDN on GitHub  ](https://github.com/mdn/)
  * [ MDN Blog RSS Feed  ](/en-US/blog/rss.xml)

##  MDN

  * [ About ](/en-US/about)
  * [ Blog ](/en-US/blog/)
  * [ Careers ](https://www.mozilla.org/en-US/careers/listings/?team=ProdOps)
  * [ Advertise with us ](/en-US/advertising)

##  Support

  * [ Product help ](https://support.mozilla.org/products/mdn-plus)
  * [ Report an issue ](/en-US/docs/MDN/Community/Issues)

##  Our communities

  * [ MDN Community ](/en-US/community)
  * [ MDN Forum ](https://discourse.mozilla.org/c/mdn/236)
  * [ MDN Chat ](/discord)

##  Developers

  * [ Web Technol