Go through arrays in JavaScript (Part I)

Lets talk about array and some basic array methods

Let's talk about arrays in javascript .
Arrays are a special type of objects. The typeof operator in JavaScript returns "object" for arrays. But, JavaScript arrays are best described as arrays. Arrays use numbers to access its "elements".

const fruits = ['Apple', 'Banana'];
console.log(fruits[0]);
// Apple

Fun fact about arrays. They start from 0.
For basic understanding of arrays let's talk about Array methods.
What is array method and why to use it ?
Array is a built-in global object that allows you to store multiple elements at once. To store elements in array we use array methods.

Array Methods -

  • length()
  • toStrings()
  • join()
  • pop()
  • push()
  • shift()
  • unshift()
  • concat()
  • slice()
  • splice()


array.length

The length property gives us the array length. As in example output , we get length as 4 . That means this fruits array have 4 elements present in it.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.length);
// 4


array.toStrings()

In javascript toStrings() , toStrings() convert an array to string with comma separated values.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.toStrings);
// Banana,Orange,Apple,Mango


array.join()

Like as toStrings() method , join() method also join array values. But in join() method we can define seperator.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.join("+"));
// Banana + Orange + Apple + Mango


array.pop()

In pop() method , as it sounds pop . We can pop out/ remove last index element from an array by using array.pop().

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.pop());
// ["Banana", "Orange", "Apple"]


array.push()

In push() method , also as it sound we can push any element to an array at the last index or position.

const fruits = ["Banana", "Orange", "Apple"];
console.log(fruits.push());
// ["Banana", "Orange", "Apple",, "Mango"]


array.shift()

In shift() method , shift() method remove the first element from an array and lower all the index of remaining elements in an array.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.shift());
// ["Orange", "Apple",, "Mango"]


array.unshift()

In unshift() method , unshift() method add elements to an array like push() method. But at the starting of an array.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.unshift("Coco"));
// ["Coco", "Banana", "Orange", "Apple",, "Mango"]


array.join()

Like as toStrings() method , join() method also join array values. But in join() method we can define seperator.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.join("+"));
// Banana + Orange + Apple + Mango


array.concat()

The concat() method can add element to a new array or can add multiple arrays to a new array. When we use concat() method we create new array to store values. It does not change the existing array.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
const flowers = ["Rose", "Lotus", "Jasmine"];
console.log(fruits.concat(flowers));
//["Banana", "Orange", "Apple", "Mango", "Rose", " Lotus", " Jasmine"]


array.slice()

The slice() method use to slice/ cut an element or elements from an array to new array.
The first parameter defines the position , where from elements should be slice or cut.
The second parameter defines the position , to stop the slice or cutting of an array. But not the last position that is given.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.slice(1 , 3));
// ["Orange" , "Apple" ]
const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.slice(2));
// [ "Apple", "Mango"]


array.splice()

The splice method use to add new elements to an array.
The first parameter defines the position where new elements should be added.
The second parameter defines how many elements should be removed.
The rest of the parameters define the new elements to be added.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0 , "Grapes" ," Pineapple")
console.log(fruits);
//["Banana", "Orange", "Grapes", " Pineapple", "Apple", "Mango"]

Also we can remove element from an array by using splice() method.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(1, 2)
console.log(fruits);
//["Banana", "Mango"]


Thanks you for reading my blog.
Some more array methods are in my next blog . Please read and enjoy array methods.