...

JavaScript Array Mastery: Tips, Tricks & Best Practices

javascript-array-mastery-tips-tricks-best-practices

Take your JavaScript skills to the next level in this course! You’ll master JavaScript arrays and learn some very useful tips and tricks.

? Download unlimited photos, fonts, and templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_cDCzz8vJf3Y&utm_medium=referral&utm_source=youtube.com&utm_content=description

If you already understand the basics of JavaScript, it’s time to take your skills to the next level. In this course, you’ll explore the ins and outs of programming with arrays in JavaScript. Arrays are incredibly useful because they allow us to store and manipulate a collection of values within a single object. Join Jeremy McPeak as he teaches you how to iterate, process, sort, search, copy, and manipulate arrays.

? Download the source files from GitHub: https://github.com/tutsplus/javascript-array-mastery

Here’s what we’ll cover in this course:

1 Introduction

1.1 Introduction 00:00

2 Array Basics

2.1 Creating Arrays 01:04
You probably already know how to create arrays, add items to, and remove items from them. But let’s go over that just in case.

2.2 Using the for and while Loops 07:56
The basic for and while loops have been what we typically use to process arrays. We’ll briefly go over them.

2.3 Iterating With forEach() and for…of 20:10
Like most other languages, JavaScript is updated and improved. We’ll look at some of the more recent additions to the language to iterate and process arrays.

2.4 Sorting Arrays 26:04
Sometimes we need to sort arrays, and JavaScript gives us a rather robust mechansim for doing that.

3 Searching Arrays

3.1 Finding an Element’s Index 31:50
JavaScript arrays have several methods we can use to find the index of a given element. We’ll look at those options in this lesson.

3.2 Finding Elements 38:11
The find() method lets us find elements within an array based upon certain criteria. You’ll learn how to use the find() method in this lessson.

3.3 Testing if Elements Exist 42:00

4 Converting Arrays

4.1 Merging Arrays 45:46
Sometimes you need to combine multiple arrays into a single array. You’ll learn the two ways to do that in this lesson.

4.2 Copying Arrays 49:22
JavaScript has the ability to copy arrays with the slice() method. Let’s take a look.

4.3 Converting to String 52:24
You can convert an array into a string using the join() method. It’s useful, especially if you’re generating HTML.

4.4 Transforming Arrays 54:34
The map() method lets us transform the data within an array into another format. It’s awesome!

4.5 Filtering Arrays 58:41
You can use the filter() method to created a filtered array. We’ll look at how to use it, as well as including it with map() and join().

5 Conclusion

5.1 Conclusion 1:01:45
By now, you’ve had a thorough overview of how to iterate, sort, search, copy, and manipulate arrays. They play a key part in data manipulation and processing.

Read hundreds of free JavaScript tutorials on Envato Tuts+: https://code.tutsplus.com/categories/javascript?utm_campaign=yt_tutsplus_cDCzz8vJf3Y&utm_medium=referral&utm_source=youtube.com&utm_content=description

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_cDCzz8vJf3Y&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
? Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_cDCzz8vJf3Y&utm_medium=referral&utm_source=youtube.com&utm_content=description

? Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
? Follow Envato Tuts+ on Twitter: https://twitter.com/envato
? Follow Envato on Facebook: https://www.facebook.com/envato
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

Discover more from WIREDGORILLA

Subscribe now to keep reading and get access to the full archive.

Continue reading