sushil

JavaScript Array and It’s Methods

Sushil's photo
Sushil
·

3 min read

Arrays in JavaScript are robust and adaptable data structures that let you store and work with sets of values. The fundamentals of JavaScript arrays and some of their most practical functions will be covered in this tutorial.

Setting Up Arrays

The [] notation or the Array() constructor can both be used to generate arrays in JavaScript. Here's an illustration:

javascriptCopy codeconst myArray = [1, 2, 3, 4];
const anotherArray = new Array("apple", "banana", "cherry");

Using the [] notation, we create a four-element array in the first line. The Array() constructor is used to build an array with three string items in the second line.

Accessing Array Elements

You can access individual elements in an array by using the element's index. In JavaScript, array indices start at 0. Here's an example:

javascriptCopy codeconst myArray = [1, 2, 3, 4, 5];

console.log(myArray[0]); // Outputs: 1
console.log(myArray[3]); // Outputs: 4

In this example, we're accessing the first and fourth elements in the array using their indices.

Array Methods

JavaScript arrays come with a variety of built-in methods that allow you to manipulate and work with arrays. Here are some of the most useful array methods:

  • push(): adds one or more elements to the end of an array.

  • pop(): removes the last element from an array.

  • shift(): removes the first element from an array.

  • unshift(): adds one or more elements to the beginning of an array.

  • splice(): removes or replaces elements in an array.

  • concat(): combines two or more arrays.

  • slice(): returns a new array that contains a portion of the original array.

  • indexOf(): returns the index of the first occurrence of a specified element in an array.

  • join(): joins all elements of an array into a string.

  • sort(): sorts the elements of an array.

Let's take a look at some examples of how these methods can be used:

javascriptCopy codeconst myArray = [1, 2, 3, 4, 5];

myArray.push(6); // Adds 6 to the end of the array
console.log(myArray); // Outputs: [1, 2, 3, 4, 5, 6]

myArray.pop(); // Removes the last element from the array
console.log(myArray); // Outputs: [1, 2, 3, 4, 5]

myArray.splice(2, 1); // Removes the third element from the array
console.log(myArray); // Outputs: [1, 2, 4, 5]

const myOtherArray = [6, 7, 8];

const combinedArray = myArray.concat(myOtherArray); // Combines the two arrays
console.log(combinedArray); // Outputs: [1, 2, 4, 5, 6, 7, 8]

console.log(combinedArray.indexOf(6)); // Outputs: 4
console.log(combinedArray.join('-')); // Outputs: 1-2-4-5-6-7-8

combinedArray.sort(); // Sorts the elements of the array
console.log(combinedArray); // Outputs: [1, 2, 4, 5, 6, 7, 8]

Conclusion

Arrays are a powerful feature of JavaScript, allowing you to store and manipulate collections of data. By using array methods, you can easily add, remove,

iwritecodeJavaScriptarray