Array Data Types in JavaScript
•JavaScript•2 min read
JavaScriptArraysArray Methods
Learn how arrays work in JavaScript! This covers array creation, accessing and modifying elements, iterating with loops, and an introduction to useful array methods like push() and forEach().
- In JavaScript, the array data type allows us to store multiple values of various types in a single variable.
- These values are stored in a sequential order, and each element in the array can be accessed by its index.
Creating an Array
- To create an array, we use square brackets
[].
let elements = [10, "Coders", true, 20];- In this example:
- The array
elementscontains values of different data types: a number (10), a string ("Coders"), a boolean (true), and another number (20).
- The array
Accessing Array Elements
- Each element in the array can be accessed by its index number. In JavaScript, array indexing starts at
0for the first element.
document.write(elements[1]); // Output: Coders- In this case, the value at index 1 is "Coders".
Modifying Array Elements
- You can modify any element in the array by assigning a new value to it:
elements[1] = "John";
document.write(elements[1]); // Output: John- Here, we replaced the value
"Coders"at index1with"John".
Iterating Over Array Elements
- To iterate over the elements of an array, we can use a loop, such as a
forloop:
for (let i = 0; i < elements.length; i++) {
document.write(elements[i] + " ");
}
// Output: 10 John true 20- This loop prints all the elements of the array sequentially.
Array Methods
- JavaScript arrays come with many built-in methods, such as
push(),pop(),shift(),unshift(),map(),forEach(), and more. - These methods provide powerful ways to manipulate arrays. We will cover these methods in detail in future videos.
Summary:
- Arrays in JavaScript allow us to store multiple values of different types in a sequential order.
- Array elements can be accessed using their index and can be modified by reassigning values.
- We can loop through arrays using various methods like
forloops orforEach(). - JavaScript provides a rich set of array methods for manipulating and working with arrays.
