HOME | Digital Services

This I'm going to be talking about destructuring which is another really cool feature of ESX and it's another one of my favorites really. So first of all what exactly is destructuring And why would you want to use it. So what digital marketing services India I'll do is I'll throw in a quote here from the Mozilla developer network that kind of does a nice job of summing it up. So the digital marketing services India destructuring assignment syntax sign meant syntax is a javascript script expression that makes it possible to extract and actually put a new line possible to extract data from arrays or objects into distinct variables from Mozilla or network. And so what that means is just kind of makes it nicer to work with structures like you know arrays or objects because you can just snapshot whatever values we need in a really concise manner.

So if we want to sum that up a different way put a new point here. And basically destructuring the structure kind of how does it hurt the structuring syntax can be used. On the left-hand side of assignments. So let's take a quick peek at what that would look like. And as you can see here I am just on my ESX Babel tab in the console over there. So you know what. Let's say we have an array. So, of course, digital media agency my array equals and just have some numbers in here. One two three four digital marketing services India five six. And we digital marketing services India know that if we did want to extract any you know any number out of this array we know how to do that. So we could say conc first equals my array at index position and if it we a lot that out first just to verify we will see that does equal or if it actually runs here we run. There you go. So that is one. And we know that this year this is an array literal expression and it makes it easy to create what they call ad hoc packages of data. If your digital marketing services indiawanted to do this the other way you could say Konst my array equals new array then you could say my RE at position equals. Or we could just do a number and then we can cause a lot to check that out.

And we'll add one more my array one equals. If it costs a lot of the array you run. And I have an array. So this is the tedious way. No, it's kind of uncommon to do it this way just because we do have our array literal expression which makes it so much easier to do. And if you think of restructuring in terms of that it's kind of making it easier to do kind of variable assignments by snatching data out of. In this example an array. So the destructuring assignment uses the similar syntax as this array literal except you do it on the left-hand side. So with an array, we know that arrays for arrays index is pretty important. Now, what digital marketing services india if I did want to extract each one of these out into a separate variable. You've already kind of seen that right. So Konst first equals my array. But that's kind of tedious. We have to go through it.
I mean we could do a for loop for example but then we might be constrained in terms of well OK that that's kind of a tedious to have to do. So you do you know cons first class by my array and zero on second equals my array to this one and so forth. But there's a lot simpler way to do that now with ESX. So let's see what that looks like and it's going to look like this. Konst and then I'm going to give it what looks like an array literal here. And I'm going to give it some placeholders cause to x y z equals my array. OK, so that's digital marketing services india kind of weird right. What did we just do there? Can we cancel a log? X. Now let's find out. Clear run and hey wouldn't you know that now x here has been assigned to the item in the first index or index I should say of the array. So this is essentially us going through and doing something like cost X equals my array position zero cost y equals my array position. But instead we just restructure that and we indicate that we're doing that by just using it on the left-hand side and the right-hand side over here.