DEV Community

Cover image for 30 Array utility functions in JS
Kurapati Mahesh
Kurapati Mahesh

Posted on

5 2

30 Array utility functions in JS

const array = [1,2,3,4,5];

Array Basic operations

1. Find the first item in the array

console.log(array[0]);

1

2. Find the last item in the array

console.log(array[array.length - 1]);

5

3. Addition of array values

console.log(array.reduce((previousValue, currentValue) => previousValue += currentValue, 0));

15

4. Arrange in descending order

console.log(array.sort((a,b) => b-a));

[5,4,3,2,1]

5. Arrange in ascending order

console.log(array.sort((a, b) => a-b));

[1,2,3,4,5]

6. Push item to array

array.push(6);

console.log(array);

[1,2,3,4,5,6]

7. remove item from array

array.pop();

console.log(array);

[1,2,3,4,5]

8. push item from beginning of an array

array.unshift(0);

console.log(array);

[0,1,2,3,4,5]

9. remove the item from the beginning of an array

array.shift();

console.log(array);

[1,2,3,4,5]

10. slice array from index 3

console.log(array.slice(3));

[4]

10. slice array in the range

console.log(array.slice(3, 4));

[4]

11. Updated 3rd item with 0 in array

array.splice(3, 1, 0);

console.log(array);

[1,2,3,0,5]

12. Convert to comma separated values

console.log(array.toString());

'1,2,3,0,5'

13. Convert to comma separated using array method

console.log(array.join());

'1,2,3,0,5'

14. Convert array to _ separated string

console.log(array.join('_'));

'1_2_3_0_5'

15. update index 3 with value 4

array[2] = 4;

console.log(array);

[1,2,3,4,5]

16. Merge two arrays

const newArr = [6,7,8,9];

console.log(array.concat(newArr));

[1,2,3,4,5,6,7,8,9]

17. find max value from an array

console.log(Math.max(...array));

9

18. find min value from an array

console.log(Math.min(...array));

1

19. find index of a given number in array

console.log(array.indexOf(4));

3

20. find lastIndex of a given number in the array

console.log(array.lastIndexOf(4));

3

21. verify every element is greater than -1

console.log(array.every(item => item > -1));

true

22. verify at least one element greater than 1

console.log(array.some(item => item > 1));

true

23. Fill last two elements with number 1

console.log(array.fill(1, 5));

[1,2,3,4,5,1,1,1,1]

24. Filter elements > 2

console.log(array.filter(item => item > 2));

[3,4,5]

25. reverse array in place

console.log(array.reverse());

[1,1,1,1,5,4,3,2,1]

26. remove falsy values from an array

array.push(false, null, 0, undefined);
console.log(array);

[1,2,3,4,5,1,1,1,1,false, null, 0, undefined]

console.log(array.filter(Boolean));

[1,2,3,4,5,1,1,1,1]

27. Multiply every item with 2

console.log(array.map(item => item = item * 2));

[2,4,6,10,2,2,2,2]

28. Remove duplicates from an array

console.log(...new Set(array));

[1,2,3,4,5]

29. capture only integers from an array

array.push(1.23, 2.34);
console.log(array);

[1,2,3,4,5,1,1,1,1,1.23,2.34]

console.log(array.filter(item => Number.isInteger(item)));

[1,2,3,4,5,1,1,1,1]

30. capture chunks of an array.

const firstArray  = [1,2,3,4,5];
const chunks = [];
for (let i = 0; i<firstArray.length;i+=2) {
    chunks.push(firstArray.slice(i, i+2));
}
console.log(chunks);
> [[1,2][3,4][5]]
Enter fullscreen mode Exit fullscreen mode

Comment if you need any more utility functions. I will always happy to update my article.


💎 Love to see your response

  1. Like - You reached here means. I think, I deserve a like.
  2. Comment - We can learn together.
  3. Share - Makes others also find this resource useful.
  4. Subscribe / Follow - to stay up to date with my daily articles.
  5. Encourage me - You can buy me a Coffee

Let's discuss further.

  1. Just DM @urstrulyvishwak
  2. Or mention
    @urstrulyvishwak

For further updates:

Follow @urstrulyvishwak

Top comments (0)

Imagine monitoring actually built for developers

Billboard image

Join Vercel, CrowdStrike, and thousands of other teams that trust Checkly to streamline monitor creation and configuration with Monitoring as Code.

Start Monitoring