DEV Community

Cover image for JavaScript Array Methods
Athithya Sivasankarar
Athithya Sivasankarar

Posted on

JavaScript Array Methods

Arrays in JavaScript are used to store multiple values in a single variable.
JavaScript provides many built-in methods to work with arrays easily.

What is an Array?

An array is a collection of values.

Example:

let fruits = ["apple", "banana", "mango"];
console.log(fruits);
Enter fullscreen mode Exit fullscreen mode

Output:

["apple", "banana", "mango"]

Common Array Methods

1. push() → Add element at end

let fruits = ["apple", "banana"];
fruits.push("mango");

console.log(fruits);
Enter fullscreen mode Exit fullscreen mode

Output:

["apple", "banana", "mango"]

2. pop() → Remove last element

let fruits = ["apple", "banana", "mango"];
fruits.pop();

console.log(fruits);
Enter fullscreen mode Exit fullscreen mode

Output:

["apple", "banana"]

3. shift() → Remove first element

let fruits = ["apple", "banana", "mango"];
fruits.shift();

console.log(fruits);
Enter fullscreen mode Exit fullscreen mode

Output:

["banana", "mango"]

4. unshift() → Add element at beginning

let fruits = ["banana", "mango"];
fruits.unshift("apple");

console.log(fruits);
Enter fullscreen mode Exit fullscreen mode

Output:

["apple", "banana", "mango"]

5. length → Find array size

let fruits = ["apple", "banana", "mango"];
console.log(fruits.length);
Enter fullscreen mode Exit fullscreen mode

Output:

3

6. includes() → Check value

let fruits = ["apple", "banana", "mango"];
console.log(fruits.includes("banana"));
Enter fullscreen mode Exit fullscreen mode

Output:

true

7. indexOf() → Find position

let fruits = ["apple", "banana", "mango"];
console.log(fruits.indexOf("mango"));
Enter fullscreen mode Exit fullscreen mode

Output:

2

8. join() → Convert to string

let fruits = ["apple", "banana", "mango"];
console.log(fruits.join(", "));
Enter fullscreen mode Exit fullscreen mode

Output:

apple, banana, mango

9. slice() → Get part of array

let fruits = ["apple", "banana", "mango"];
console.log(fruits.slice(0, 2));
Enter fullscreen mode Exit fullscreen mode

Output:

["apple", "banana"]

10. splice() → Add/Remove elements

let fruits = ["apple", "banana", "mango"];
fruits.splice(1, 1);

console.log(fruits);
Enter fullscreen mode Exit fullscreen mode

Output:

["apple", "mango"]

Reference

  • W3Schools

Top comments (0)