JavaScript: Multidimensional Array With Push Pop

JavaScript multidimensional array; In this js array tutorial, you will learn about JavaScript multidimensional array. And also learn 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 In JavaScript

  • 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.

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 :
arr.push( ['testing', 'rust', 'c'] );

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

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 :
arr.pop();

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

Recommended JavaScript Tutorials

Recommended:-JavaScript Arrays

AuthorDevendra Dode

Greetings, I'm Devendra Dode, a full-stack developer, entrepreneur, and the proud owner of Tutsmake.com. My passion lies in crafting informative tutorials and offering valuable tips to assist fellow developers on their coding journey. Within my content, I cover a spectrum of technologies, including PHP, Python, JavaScript, jQuery, Laravel, Livewire, CodeIgniter, Node.js, Express.js, Vue.js, Angular.js, React.js, MySQL, MongoDB, REST APIs, Windows, XAMPP, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL, and Bootstrap. Whether you're starting out or looking for advanced examples, I provide step-by-step guides and practical demonstrations to make your learning experience seamless. Let's explore the diverse realms of coding together.

Leave a Reply

Your email address will not be published. Required fields are marked *