Array Of Objects - Part 2

sah-shah7 — Sun, 26 Sep 2021 10:56:15 +0000

This is in continuation , if you haven’t read Part 1 , please go through it(2 min read) before starting this one.

In the last part we dealt with creation of Array,json, and array of objects. In this part , we’ll cover the popular array methods, how to loop through array of objects.

Starting with using array functions on array of Object!

For this part , we’ll be using the same array of objects, but modifying its contents.

Here some methods such as unshift(), push() and splice() and how they function is shown in the picture above

A short summary :

.unshift(variable or object) adds a new object in the beginning
.push(variable or object) adds a new object at the end.
.splice({index where to start},{how many items to remove},{items to add}) can be used to insert object at any index in the array.

Looping Through an Array of Objects

Knowing how to loop through the array is very important to perform search and filtering.
Let’s start with a challenge, Find all the objects whose rating is above or equal to 50
For that we will need to loop through each object.

All the objects with rating >= 50 were returned. Looping through an array of objects is the same as the index of a normal array. Additionally we’ll have to add the key name for which we want the value.
Another way of searching and filtering can be done by array.find() for searching, array.filter() for filtering where in multiple conditions can be used.

Array of Objects-Part 1

sah-shah7 — Sat, 25 Sep 2021 11:50:00 +0000

Very much like a normal array, but it’s like inception [ {object inside object(array) } ]

You may wonder , what is an array?

An array is a data structure which can store multiple items and that item can be accessed by using the index number!

Let’s start with creating an array!

Now that we know the syntax of creating a new array , let’s try creating a javascript object ,which is also called JSON.

Javascript Object notation is used to represent the data in a structured format based on Javascript object syntax.

Now that we know how to create JSON and access its data, Next step would be to implement this idea where we combine arrays and json together!

Let’s modify the array and re-write it with json objects inside it.

Here there are 5 objects inside the array. If we want to access the object containing Java, we use the index number 1 as we use in an array. Next we have stored the whole object inside a variable object. Moving on, to access the value from the key “ Java” , the syntax is given on line 9. To access the key of an object, we can use the inbuilt method as shown in line 13.

DEV Community: sah-shah7

Array Of Objects - Part 2

Looping Through an Array of Objects

Array of Objects-Part 1

You may wonder , what is an array?