Ways of iterating Object properties in JavaScript

-

For Objects the ways of iterating their properties are not that plentiful as with Arrays.

take for instance we have an object of dogs and cat characteristics

const pets = {
{name: "Jenny", eyes: "brown"},
{name: "max", eyes: "blue"}
}

To iterate through the characteristics using for loop

for (pet in pets) {
    console.log(`${pets[pet].name} has eye color ${pets[pet].eyes}`}
}

Alternatively you can use objects.keys and object.entries

for (element in Object.entries(elements))

}

Comments

  1. TimJanuary 21, 2020 at 9:31 PM

    You could use for of to iterate over the object values as well:

    for (petValue of pets) {
    console.log(petValue);
    }

    ReplyDelete
  2. John SwanaJanuary 23, 2020 at 7:59 PM

    Yup, iterating using

    for (item of items) {
    //
    }

    Returns an item "of the items",

    Rather than an index of an item "of the items"

    ReplyDelete

Post a Comment

Popular posts from this blog

Js13k game jam multiplayer wack'a mole game concept

-
--- due date not met yet I'll share my idea of the classic game wack a mole for js13k so space is crucial. I'm using my micro game engine node-craters.js for nodejs my first plan is split the engine take out the loop and update leave the task to the server , using socket.io for communicating information back and forth when the user opens the game index.html socket.io is loaded later the game.js file containing rendering and canvas. rendering basically nothing much and initial loading text is displayed below there's some functions for socket communication , once the page is loaded the game emits a start command telling the server am ready let's play with an optional argument room id vital for playing a game with a friend. the server gets the start command and additionally checks if there's a room id so that the user or player joins an existing match or else  create a new room and emit the users details to tell them their id and room id , if there enough peo...
Read more

Es6 destructuring operator in JavaScript

-
JavaScript from es6 enables destructuring operation, In JavaScript destructuring is done using the syntax; const [elements] = [array] const {properties} = {object} For instance using Math object as an example destructuring can be done as follows; Object matching syntax; const {abs, min, max} = Math; List matching syntax; const [max, min, avg] = [10, 1, 5] Fail-soft destructuring similar to object property look up returns undefined if there's no property matching; var [item] = []; item === undefined; Fail-soft destructuring can also be done with predefined default vslues as follows; var [item = 1] = []; item === 1; More information: MDN Destructuring assignment
Read more

What is a bin directory

-
A bin is an abbreviation of binary, a bin directory is a standard directory used to store executable binary applications. For example When you type a command on your terminal the operating system looks up for an entry in the bin directory Take for instance. cowsay 'hello world' If you type out the command above your operating system will look up for a file named cowsay inside the configured bin directory let's say /usr/bin/ Should it find a relevant entry that matches the command 'cowsay' it will then pass arguments passed as parameters made available to the program 'cowsay'
Read more

How to change sound volume using webAudio api gain property

-
A quick function to adjust html5 web audio gain value or "audio volume" sound gain value is controlled by creating a gain node and setting it's gain value 0-1 where 0 is the lowest value 1 is the maximum gain value  let sound = function sound(url, params) {     // params     let loop = params.loop;     // make a context     let audioContext = new (window.AudioContext || window.webkitAudioContext)();     let source = audioContext.createBufferSource();     let gainNode = audioContext.createGain()         gainNode.gain.value = 0.05 // sound percentage     let request = new XMLHttpRequest(); request.open('GET', url, true);     request.responseType = 'arraybuffer';     request.onload = function() {             audioContext.decodeAudioData(request.response, function(buffer) {             source.buffer = buffer; ...
Read more