Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

5.13 The `Array` Constructor

Like the Object class, the Array constructor has a couple of useful methods that we can make use of. In this lesson we’ll take a look at these methods in detail.

Syntax

  • isArray
  • from

1.Introduction
2 lessons, 07:42

1.1
Introduction
02:12

1.2
Setup
05:30

2.Language Fundamentals
8 lessons, 1:00:53

2.1
Variables
06:33

2.2
Data Types
11:28

2.3
Arithmetic, Assignment, and Comparison Operators
10:24

2.4
Unary, Logical, Comma, and Spread Operators
09:02

2.5
Operator Precedence
03:50

2.6
Reserved Words
04:17

2.7
Strict Mode
04:34

2.8
Functions
10:45

3.Data Structures
5 lessons, 22:52

3.1
Arrays
04:29

3.2
Objects
04:30

3.3
Sets
04:57

3.4
Maps
04:21

3.5
Weak Maps and Weak Sets
04:35

4.Controlling Program Execution
7 lessons, 37:06

4.1
Conditionals
07:49

4.2
Switch Statements
04:41

4.3
The For Loop
06:39

4.4
The `for .. in` Loop
05:17

4.5
The `for .. of` Loop
04:02

4.6
Iterators
05:03

4.7
While Loops
03:35

5.Using JavaScript
13 lessons, 1:44:36

5.1
Working With Strings
09:32

5.2
Template Literals
05:46

5.3
Working With Numbers
06:57

5.4
Working With Arrays
12:53

5.5
Iterating and Transforming Arrays
07:33

5.6
Working With the Object Type
13:55

5.7
Object Literal Extensions
06:45

5.8
Working With Object Instances
06:45

5.9
Getters and Setters
05:00

5.10
Custom Objects
11:28

5.11
The `Math` API
04:54

5.12
Working With Dates and Times
08:10

5.13
The `Array` Constructor
04:58

6.Functions
8 lessons, 56:07

6.1
The `this` Object
06:15

6.2
Working With Functions
10:11

6.3
Scope
07:37

6.4
Arrow Functions
06:59

6.5
Generator Functions
08:13

6.6
Closures
05:00

6.7
Prototypes
06:26

6.8
Default and Rest Parameters
05:26

7.Miscellaneous
6 lessons, 52:39

7.1
Destructuring Assignments
08:09

7.2
AJAX
08:30

7.3
Regular Expressions
10:51

7.4
More About Regular Expressions
08:38

7.5
Classes
06:48

7.6
ES Modules
09:43

8.Working With the DOM
6 lessons, 37:39

8.1
Selecting HTML Elements
05:02

8.2
Manipulating HTML Elements
07:40

8.3
DOM Traversal
05:25

8.4
Adding and Removing Elements
04:45

8.5
Creating Elements and Other Nodes
04:39

8.6
DOM Events
10:08

9.Web APIs
4 lessons, 17:41

9.1
The Selector API
03:03

9.2
Geolocation
05:29

9.3
Web Storage
05:24

9.4
Web Workers
03:45

10.Asynchronous JavaScript
5 lessons, 26:23

10.1
Promises
09:52

10.2
Promise Chaining
05:11

10.3
The async Keyword
03:21

10.4
The await Keyword
04:04

10.5
More About async and await
03:55

11.Conclusion
1 lesson, 00:43

11.1
Conclusion
00:43


5.13 The `Array` Constructor

Hi folks, in this lesson, we're going to look at the array constructor. We've already looked at arrays, and we've looked at other things like the object constructor. So in this lesson, I just wanna take a quick look at the array constructor. Because like the object constructor, it does have a couple of very useful methods that we might want to make use of. I mentioned earlier, that is quite hard to know whether we're working with an array or an object, because the type of operator returns object for both arrays and objects. I did say that we'll look at easier way to tell whether we're working with an array. We'll be coming back to look at this again later in the course, but one of the methods the array constructor has, is the isArray method. Which will tell us whether the objects we're working with is an array. So first of all, let's just add an object and an array. So we can now use the isArray method to test each of these things. And let's just check the browser's output. And we should find that it logs first false, and then true to the console. So the isArray method is the easiest way to tell if the object that we're working with is a true array. This is a relatively new addition to JavaScript, and there is another older way to tell if an object is an array. And we'll come back and look at that as well later in the course. The other method of the array constructor is the from method, which allows us to easily create new objects from any iterable object. So if we wanted to create an array from a string, for example, we could do this. So when we look in the browser's console, we should find that we have a new array containing each individual letter from the string. We can also use this to create arrays from other types of iterable like a map or sets, or even the arguments objects inside a function. And we can see that an array has been created from all of the arguments passed to the log arg function. We haven't looked at functions in great detail yet, and we haven't really covered the arguments object at all. We will be coming back and looking at functions in much more detail in the next section of the course. And that will include a discussion of this special argument object. So don't worry too much about it for now. So usually, the from method takes a single argument and that is the iterable that we want to create the array from. But there is also another form of the method, which takes three arguments. In this case, the second and third arguments are a map function, and the this object that we want to use inside the map function. It works like this. So we pass a function to the from method as the second argument and that function is the mapping function. This function will be called for each item in the array. And each time it gets invoked, it will be passed the current item from the array. And all the function does is return the corresponding value from the this object. So let's take a look in the browser's console now, and we can see that we have an array with the strings one, two, and three. So the map function works in the same way as the map method on array's works and we saw that earlier on in this section. The from method just allows us to map the array created by the from method into a new array without us having to use an intermediary array. So in this lesson we looked into a couple of useful methods of the array constructor, the isArray method, and the from method. The isArray method returns true or false to tell us whether the object passed to it is an array or not. The from method allows us to create a new array from any iterable object. And optionally, allows us to provide a mapping function to convert the array in some way. We're now going to move on to section six of this course. Which focuses entirely on functions and aspects of JavaScript related to functions. Thanks for watching.

Back to the top
View on GitHub