DEV Community

Cover image for LEVEL UP with JavaScript! LVL 8
DevCronin
DevCronin

Posted on

8 4

LEVEL UP with JavaScript! LVL 8

In this blog series tutorial, I will be covering some of the basic JavaScript programming concepts.

This is geared toward beginners and anyone looking to refresh their knowledge.

See the Previous Level Here

Level 8 will cover:

  • Accessing Multi-Dimensional Arrays With Indexes
  • Manipulating Arrays With Push()
  • Manipulating Arrays with Pop()
  • Manipulating Arrays With Shift()
  • Manipulating Arrays With Unshift()

Accessing Multi-Dimensional Arrays With Indexes

Multi-dimensional arrays can be referred to as an array of arrays.

Each set of brackets is a level where the outermost set of brackets are the first level.


let diceArray = [ 
  [18,5,1], 
  [6,10,20],
  [2,7,15], 
];

diceArray[1];

[6,10,20]

diceArray[1][1];

10

Enter fullscreen mode Exit fullscreen mode

Manipulating Arrays With Push()

The push method adds items to the end of an array.


let diceRoll = ["Roll D6", 4,5,2,6];

diceRoll.push(1,5);

console.log(diceRoll);

["Roll D6", 4,5,2,6,1,5]

Enter fullscreen mode Exit fullscreen mode

Manipulating Arrays with Pop()

Pop removes the last item from an array.


let moonBeam = [8,5,10];

let firstEnemy = moonBeam.pop();

console.log(firstEnemy);

10

console.log(moonBeam);

[8,5]

Enter fullscreen mode Exit fullscreen mode

Manipulating Arrays with shift()

Shift removes an item from the beginning of an array.


let moonBeam = [8,5,10];

let firstEnemy = moonBeam.shift();

console.log(firstEnemy);

8

console.log(moonBeam);

[5,10]

Enter fullscreen mode Exit fullscreen mode

Manipulating Arrays With Unshift()

The unshift method adds items to the beginning of an array.


let inventory = ["cloak", "magic ring", "long sword"];

inventory.unshift("gold coins");

console.log(inventory);

["gold coins", "cloak", "magic ring", "long sword"]


Enter fullscreen mode Exit fullscreen mode

Thank you for reading my blog! This is the eighth of my series on JavaScript so if you would like to read more, please follow!

Support and Buy me a Coffee

Top comments (0)

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay