Answers for "how to access array of objects in javascript"

list javascript

//Creating a list
var fruits = ["Apple", "Banana", "Cherry"];

//Creating an empty list
var books = [];

//Getting element of list
//Lists are ordered using indexes
//The first element in an list has an index of 0, 
//the second an index of 1,
//the third an index of 2,
//and so on.
console.log(fruits[0]) //This prints the first element 
//in the list fruits, which in this case is "Apple"

//Adding to lists
fruits.push("Orange") //This will add orange to the end of the list "fruits"
fruits[1]="Blueberry" //The second element will be changed to Blueberry

//Removing from lists
fruits.splice(0, 1) //This will remove the first element,
//in this case Apple, from the list
fruits.splice(0, 2) //Will remove first and second element
//Splice goes from index of first argument to index of second argument (excluding second argument)

javascript array

//create an array like so:
var colors = ["red","blue","green"];

//you can loop through an array like this:
for (var i = 0; i < colors.length; i++) {
    console.log(colors[i]);
}

array of objects javascript

var widgetTemplats = [
    {
        name: 'compass',
        LocX: 35,
        LocY: 312
    },
    {
        name: 'another',
        LocX: 52,
        LocY: 32
    }
]

javascript array read object value in array

var events = [
  {
    userId: 1,
    place: "Wormholes Allow Information to Escape Black Holes",
    name: "Check out this recent discovery about workholes",
    date: "2020-06-26T17:58:57.776Z",
    id: 1
  },
  {
    userId: 1,
    place: "Wormholes Allow Information to Escape Black Holes",
    name: "Check out this recent discovery about workholes",
    date: "2020-06-26T17:58:57.776Z",
    id: 2
  },
  {
    userId: 1,
    place: "Wormholes Allow Information to Escape Black Holes",
    name: "Check out this recent discovery about workholes",
    date: "2020-06-26T17:58:57.776Z",
    id: 3
  }
];
console.log(events[0].place);

javascript array of objects access properties

// The user object will be the test data for the notes taken below, 
// ALL NOTE ARE AND INFO CAN BE FOUND AT HACKERNOON! 
// THIS IS NOT MY WORK, I AM ONLY POSTING IT TO GREPPER FOR EASE OF USE OF FINDING THIS 
// MATERIAL LATER IF NEED BE!
// With that said enjoy the notes :D


const user = {    
  id: 101,    
  email: '[email protected]',    
  personalInfo: {        
    name: 'Jack',        
    address: {            
      line1: 'westwish st',            
      line2: 'washmasher',            
      city: 'wallas',            
      state: 'WX'        
    }    
  }
}

// To access the name of our user we will write:
const name = user.personalInfo.name;
const userCity = user.personalInfo.address.city;

// This is the easy and straight-forward approach

// But for some reason, if our user's personal info is not available, the object structure 
// will be like this:
const user = {
  id: 101,
  email: '[email protected]'
}

// Now if you try to access the name, you will be thrown "Cannot read property 'name' 
// of undefined"
const name = user.personalInfo.name; // Cannot read property 'name' of undefined

//This is because we are trying to access the name key from an object that does not exist

// The usual way how most devs deal with this scenario is
const name = user && user.personalInfo ? user.personalInfo.name : null;
// Undefined error will NOT be thrown as we check for existence before access

// This is okay if your nested structure is simple, but if you have your data nested 
// 5 or 6 levels deep, then your code will look really messy like this:

let city;
if (    
  data && data.user && data.user.personalInfo &&    
  data.user.personalInfo.addressDetails &&    
  data.user.personalInfo.addressDetails.primaryAddress   
  ) {    
    city = data.user.personalInfo.addressDetails.primaryAddress;
}

// for more information please visit:
// https://hackernoon.com/accessing-nested-objects-in-javascript-f02f1bd6387f

how to access array of objects in javascript

Accessing nested data structures
A nested data structure is an array or object which refers to other arrays or objects, i.e. its values are arrays or objects. Such structures can be accessed by consecutively applying dot or bracket notation.

Here is an example:

const data = {
    code: 42,
    items: [{
        id: 1,
        name: 'foo'
    }, {
        id: 2,
        name: 'bar'
    }]
};
Let's assume we want to access the name of the second item.

Here is how we can do it step-by-step:

As we can see data is an object, hence we can access its properties using dot notation. The items property is accessed as follows:

data.items
The value is an array, to access its second element, we have to use bracket notation:

data.items[1]
This value is an object and we use dot notation again to access the name property. So we eventually get:

const item_name = data.items[1].name;
Alternatively, we could have used bracket notation for any of the properties, especially if the name contained characters that would have made it invalid for dot notation usage:

const item_name = data['items'][1]['name'];