{"id":926,"date":"2022-07-11T19:49:31","date_gmt":"2022-07-11T19:49:31","guid":{"rendered":"https:\/\/gyanipandit.com\/programming\/?p=926"},"modified":"2022-07-11T19:49:33","modified_gmt":"2022-07-11T19:49:33","slug":"for-of-loop-javascript","status":"publish","type":"post","link":"https:\/\/gyanipandit.com\/programming\/for-of-loop-javascript\/","title":{"rendered":"For of Loop Javascript"},"content":{"rendered":"

For of Loop Javascript<\/strong><\/p>\n

Well, the for… of the loop is kind of interesting, and convenient to be used, when we want to iterate through iterable objects majorly, like arrays, strings, map, set (there is another loop called as for… in, which we are going to majorly use with objects(with non-symbol enumerable properties(if you did not get this, simply assume that we are going to iterate through enumerable properties of an object))).<\/p>\n

The syntax is also simple, and much more readable so that it also becomes easy for us, to go through the program.<\/p>\n

First of all, let’s have a look at how are we doing this with help of the regular for loop(about which, we already know) –<\/p>\n

\"\"
\nAs you can see, we got an array, and then we are running a regular for loop, to iterate through the array. If we try to have a look at the output, it comes out to be something like this –<\/p>\n

\"\"<\/p>\n

As you can see, we were able to iterate through the array using the regular for loop. But, now, let’s do this using the for… of the loop. First of all, let’s have a look at the syntax, and then we will jump to the example –<\/p>\n

for (variable of iterable){
\n\/\/ some statements…
\n}<\/p>\n

Here, the variable is like a container, which is going to hold a new value from the iterable, in each iteration. We can create the variable using the let, const, or var keyword. This thing is very simple, and even if you haven’t got this thing, don’t worry, because this is just the syntax, and we are going to have a look at the program.<\/p>\n

Now, let’s have a look at the example –<\/p>\n

\"\"
\nAs you can see, how simple the syntax is, and also, we are able to iterate through each element from the array here. If we try to have a look at the output now, the output is something like this –<\/p>\n

\"\"As you can see, we could not see any change from the previous output, where we had done the same thing with the regular for loop. This is simply amazing, and we can make use of the for… of loop as and when required. This syntax looks like much more readable, and easy to be understood and implemented. You can also try some examples, using the for… of loop, so as to get familiar with the concept.<\/p>\n","protected":false},"excerpt":{"rendered":"

For of Loop Javascript Well, the for… of the loop is kind of interesting, and convenient to be used, when we want to iterate through iterable objects majorly, like arrays, strings, map, set (there is another loop called as for… in, which we are going to majorly use with objects(with non-symbol enumerable properties(if you did […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[14,15],"class_list":{"0":"post-926","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript-tutorial","7":"tag-javascript","8":"tag-javascript-tutorial"},"_links":{"self":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/comments?post=926"}],"version-history":[{"count":3,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/926\/revisions"}],"predecessor-version":[{"id":2214,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/926\/revisions\/2214"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/categories?post=926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/tags?post=926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}