DEV Community

Vicky Shinde
Vicky Shinde

Posted on • Edited on

2

Array methods in JavaScript - Code Vicky

JavaScript provides several built-in methods for working with arrays. Here are some commonly used array methods:

  • push(): Adds one or more elements to the end of an array and returns the new length of the array.
const fruits = ['apple', 'banana'];
fruits.push('orange', 'grape');

console.log(fruits);
// fruits is now ['apple', 'banana', 'orange', 'grape']
Enter fullscreen mode Exit fullscreen mode
  • pop(): Removes the last element from an array and returns that element.
const fruits = ['apple', 'banana', 'orange'];
const removedFruit = fruits.pop();

console.log(fruits)
// removedFruit is 'orange', fruits is now ['apple', 'banana']
Enter fullscreen mode Exit fullscreen mode
  • shift(): Removes the first element from an array and returns that element.
const fruits = ['apple', 'banana', 'orange'];
const removedFruit = fruits.shift();
// removedFruit is 'apple', fruits is now ['banana', 'orange']
console.log(fruits);

Enter fullscreen mode Exit fullscreen mode
  • unshift(): Adds one or more elements to the beginning of an array and returns the new length of the array.
const fruits = ['apple', 'banana', 'orange'];
const removedFruit = fruits.shift();
console.log(fruits);
// removedFruit is 'apple', fruits is now ['banana', 'orange']

Enter fullscreen mode Exit fullscreen mode
  • indexOf(): Returns the first index at which a given element can be found in the array, or -1 if it is not present.
const fruits = ['apple', 'banana', 'orange'];
const index = fruits.indexOf('banana');
console.log(index);
// index is 1
Enter fullscreen mode Exit fullscreen mode
  • splice(): Changes the contents of an array by removing or replacing existing elements and/or adding new elements in place.
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1, 'grape', 'kiwi');
console.log(fruits);
// fruits is now ['apple', 'grape', 'kiwi', 'orange']
Enter fullscreen mode Exit fullscreen mode
  • slice(): Returns a shallow copy of a portion of an array into a new array.
const fruits = ['apple', 'banana', 'orange', 'grape'];
const slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits);
// slicedFruits is ['banana', 'orange'], fruits remains unchanged
Enter fullscreen mode Exit fullscreen mode
  • forEach(): Executes a provided function once for each array element.
const fruits = ['apple', 'banana', 'orange'];
fruits.forEach((fruit) => {
    console.log(fruit);
});
console.log(fruits);
// Outputs: apple, banana, orange
Enter fullscreen mode Exit fullscreen mode

These are just a few examples, and JavaScript provides many more array methods for various operations. Understanding these methods can make it easier to work with arrays in JavaScript.

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs