Join Eve Porcello for an in-depth discussion in this video Destructuring assignment, part of Up and Running with ECMAScript 6.
- Destructuring Assignment gives us an easy way…to extract data from arrays and objects and assign them…to variables.…First, let's take a look at how destructuring works…with arrays.…Here I have an array of cities, Spokane, Boston, LA,…Seattle and Portland.…And if I wanted to grab just the cities…that are in Washington, I could use cities 0…for the first one, and cities 3…to access this fourth item, zero, one, two, three.…Now this is a great way of handling this,…but let's update this to use destructuring.…
The first thing I want to do to do this is I'm going to…get rid of our cities here on eight and nine.…I'm also going to get rid of the cities variable name.…Instead, I'm going to replace this with an opening…and closing square bracket.…Now let's go ahead and pass in the name of some variables.…So these variables are going to stand in for…either Spokane, Seattle or whatever I'd like to pull…out of the array.…Now if I give this a shot, console log first,…and console log fourth,…we're going to see something interesting happen…
- What is ECMAScript?
- Transpiling ECMAScript with Babel and Babel-node
- Using the let and const keywords
- Creating strings with template strings
- Enhancing object literals
- Working with ES6 classes and class inheritance
Skill Level Beginner
Learn React.js: The Basics (2015)with Eve Porcello1h 32m Beginner
Up and Running with AngularJS 1with Ray Villalobos1h 20m Intermediate
Building a Polling App with Socket IO and React.jswith Alex Banks3h 56m Intermediate
1. What Is ECMAScript 6 (ES6)?
2. Transpiling ES6
3. ES6 Syntax
4. ES6 Functions & Objects
5. ES6 Classes
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.