Cleaner Code: Using for...of Loops in JavaScript

Learn how to use ES6's for...of loops to clean up your JavaScript code and improve readability. See a real-world example.

in Web Dev

You probably recognize this way of iterating in JavaScript

for (let i = 0; i < myArray.length; i++) {
// do something with myArray[i]
}

in ES6, there's a much cleaner way with for..of loops

for (item of myArray) {
    // do something with item

I think that looks a lot better! I changed several of my for loops to for...of loops in this commit.

Comments

Back to Home

Related Posts

Django logo with an arrow pointing to the Astro.js logo

Django to Astro: Migrating a Django Portfolio to Astro.js

in Web Dev
Last updated:
Clock Icon5 min read

Migrating from Django to Astro.js, I simplified my web development workflow by adopting Astro's efficient, JSX-like templating for my portfolio. This transition not only streamlined the development process but also led to substantial savings on hosting costs, demonstrating Astro.js's value as a modern web development framework.

Comment Icon

0

John Solly Profile Picture

John Solly

A hands-on AI practitioner who transitioned to a CTO role to broaden my impact.

Most of my career has been dedicated to developing spatial systems at Esri, startups, and federal agencies. Currently, I lead technology strategy for Leidos' Health IT division, supporting agencies such as SSA, VA, and HHS.

My primary focus is the convergence of spatial computing and AI, enabling machines to interpret the physical world and applying these capabilities to meaningful missions.

Please reach out if you are interested in spatial systems or advancing AI within the federal government.