DEV Community

T Shiva Kumar
T Shiva Kumar

Posted on

Array methods in javascript.

There are some methods in array

1.push()
2.unshift()
3.pop()
4.shift()
5.splice()
6.slice()
7.indexOf()
8.includes()
9.forEach()
10.map()
11.filter()
12.find()
13.some()
14.every()
15.concat()
16.join()
17.sort()
18.reduce()

1 Push() method

*Add new element at last position.

syntax

array.push(element1, element2, ..., elementN)

Example

let fruits = ['apple', 'banana'];
let newLength = fruits.push('orange', 'mango');

console.log(fruits); // Output: ['apple', 'banana', 'orange', 'mango']
console.log(newLength); // Output: 4

2 unshift() method

*Add new element at initial position.

syntax

array.unshift(item1, item2, ..., itemN)

Example

const fruits = ["Banana", "Orange", "Apple"];
fruits.unshift("Lemon");
console.log(fruits); // Output: ["Lemon", "Banana", "Orange", "Apple"]

3 pop() method

*It will remove your last element.
*It will return the removed element from the array
*"undifined" if the array is empty

syntax

array.pop();

Example

const fruits = ['Apple', 'Banana', 'Cherry'];
const lastFruit = fruits.pop();
console.log(fruits); // Output: ['Apple', 'Banana']
console.log(lastFruit); // Output: 'Cherry'

4 shift() method

*It will remove your first element.
*It will return the removed element from the array

syntax

array.shift();

Example

const fruits = ['Apple', 'Banana', 'Cherry'];
const firstFruit = fruits.shift();
console.log(fruits); // Output: ['Banana', 'Cherry']
console.log(firstFruit); // Output: 'Apple'

5 splice() method

*Adds or remove elements from an array.

*splice() will modified original array.

syntax

array.splice(start, deleteCount, item1, item2, ...);

Example

let colors = ['Red', 'Green', 'Blue'];
colors.splice(1, 0, 'Yellow', 'Pink'); // Adds 'Yellow' and 'Pink' at index 1
console.log(colors); // Output: ['Red', 'Yellow', 'Pink', 'Green', 'Blue']

6 slice() method

*It is used to extract(give) the part of array.
*slice will return array.
*slice will not modified the original array.

syntax

array.slice(start, end);

Example

let numbers = [2, 3, 5, 7, 11, 13, 17];
let newArray = numbers.slice(3, 6);
console.log(newArray); // Output: [7, 11, 13]

7 indexOf() method

*The indexOf() method in JavaScript is used to find the first index at which a given element can be found in the array, or -1 if the element is not present.

syntax

array.indexOf(searchElement, fromIndex);

Example

let fruits = ['Apple', 'Banana', 'Orange', 'Banana'];
let index = fruits.indexOf('Banana');
console.log(index); // Output: 1

8 includes() method

*It is used to identify certain element is present in our array or not.
*If element is present it will return "true" otherwise return "false".
*It will return boolean value.

syntax

array.includes(searchElement, fromIndex);

Example

let numbers = [1, 2, 3, 4, 5];
let hasThree = numbers.includes(3, 2);
console.log(hasThree); // Output: true

9 forEach() method

  • Executes the function for each element.
  • Does not create a new array.
  • Original array remains unchanged.

Example

let numbers = [1, 2, 3];
numbers.forEach((value, index, arr) => {
arr[index] = value * 2;
});
console.log(numbers); // Output: [2, 4, 6]

10 map() method

  • It takes each element of an array.
  • The output of map array is always array only.
  • It will not change original array
  • Creates a new array.

Example

const numbers = [10, 20, 30];
const incremented = numbers.map((num, index) => num + index);
console.log(incremented); // Output: [10, 21, 32]

11 filter() method

  • It is used to filter elements or data from the array based on certain condition.
    • If it return 'true' what ever data is store in this parameter that data will return.
    • If it return 'false' then it will not return any value it returns empty array
    • Creates a new array.
    • Original array remains unchanged.

Example

const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2, 4, 6]

12 find() method

  • It returns the first element of array for which call back function return true.
    • It return 'undifined' if the element is false or not satisfies.
    • Original array remains unchanged.

Example

const numbers = [1, 3, 4, 9, 8];

function isEven(element) {
return element % 2 === 0;
}

const firstEven = numbers.find(isEven);
console.log(firstEven); // Output: 4

13 some() method

  • Returns true if at least one element passes the test.
  • Returns false if no elements pass the test.
  • Stops testing once the first passing element is found. *Original array remains unchanged.

Example

const numbers = [2, 4, 6, 8, 10];

const hasGreaterThanFive = numbers.some(num => num > 5);
console.log(hasGreaterThanFive); // Output: true

14 every() method

  • It test all the elements in the array if all the condition satisfy then it return true.
  • If one condition is not satisfy then it return false.
  • Original array remains unchanged.

Example

const numbers = [10, 20, 30, 40, 50];

const allGreaterThanFive = numbers.every(num => num > 5);
console.log(allGreaterThanFive); // Output: true

15 concat() method

*Combine two or more arrays and returns a new array.

Example

const fruits = ['Apple', 'Banana'];
const vegetables = ['Carrot', 'Peas'];
const grains = ['Rice', 'Wheat'];

const food = fruits.concat(vegetables, grains);
console.log(food); // Output: ['Apple', 'Banana', 'Carrot', 'Peas', 'Rice', 'Wheat']

16 join() method

*Create a new string by concatenating all the elements of an array and
return a string by a specified separator.

Example

const letters = ['J', 'o', 'i', 'n'];
const result = letters.join('');
console.log(result); // Output: 'Join'

17 sort() method

*It is used to arrange the element of an array in place and return the sorted array.

  • By default the sort method sorts the element as strings in ascending order.

Example1

const numbers = [4, 2, 5, 1, 3];
numbers.sort((a, b) => a - b);
console.log(numbers); // Output: [1, 2, 3, 4, 5]

Example2

const numbers = [4, 2, 5, 1, 3];
numbers.sort((a, b) => b - a);
console.log(numbers); // Output: [5, 4, 3, 2, 1]

18 reduce() method

  • perform some operations and reduce the array to a single value.

Example

let number = [1, 2, 3, 4, 5];
let sum = number.reduce((accumulator, currentValue) => {
return accumulator + currentValue;
}, 0);

console.log(sum);

Top comments (0)