Learn JavaScript Array Methods With Push & Pop

Learn JavaScript Array Methods With Push  & Pop
JavaScript Arrays – Today we will discuss javaScript multidimensional Array. We will also discuss How to access javascript multidimensional array, How to add elements in a multidimensional array, Remove items in multidimensional array & looping with multidimensional.

We will give a simple example of a JavaScript multidimensional array.

Multidimensional Array

Contents

  • JavaScript Multidimensional Array
  • Access Items Of Multidimensional Array
  • Add Items in Multidimensional Array
  • Remove Items in Multidimensional Array

JavaScript Multidimensional Array

A JavaScript multidimensional array is composed of two or more arrays. In other words, An array whose elements consist of arrays. We will explain with the following multi-dimensional array.

var arr = [
     ['php', 'python', 'perl'],
     ['xampp', 'mysql', 'sql'],
     ['jquery', 'javaScript', 'angular', 'react']
 ];

Access Items Of Multidimensional Array

How to access items of a multidimensional array. Let’s we will explain. Use the Square brackets of access to array items as following below example.

document.write(arr[1][1]);
// output

// mysql

The JavaScript array index starts with zero. The first bracket refers to the desired item in the outer array. The second bracket refers to the desired item in the internal array.

JavaScript Array Methods | javaScript Tutorial for Beginners

Add Items in Multidimensional Arrays

How to add arrays or elements(Items) in a multidimensional array. We will explain it.

Add Elements(Items) of an array :
arr[1].push('native', 'laravel');

Here we use the javascript array push method to add two new elements(items) to the inner sub-array.

Add a new array of multidimensional array :

How to Add a new array of multidimensional array.

arr.push( ['testing', 'rust', 'c'] );

We display using the javaScript push method to add a new array to the outer array.

How to convert string to float Number in Javascript

Remove Items in Multidimensional Arrays

How to remove elements (Items) in a multidimensional array. We will explain it.

Remove Elements(Items) of an array :
arr[0].pop();

Here we use the javascript array pop method to remove elements(items) to the inner sub-array. It will remove the last element(item) of an array.

Remove array of multidimensional array :

How to Remove an array of multidimensional array.

arr.pop();

We display using the javaScript pop method to remove the array to outer array. This removes the last array of outer array.

Suggest:

JavaScript Programming Tutorial Full Course for Beginners

Learn JavaScript - Become a Zero to Hero

Javascript Project Tutorial: Budget App

Top 10 JavaScript Questions

E-Commerce JavaScript Tutorial - Shopping Cart from Scratch

JavaScript for React Developers | Mosh