Skip to main content

Properties list in JavaScript

In javascript, there are many ways to create objects such as an array, object method, a new keyword, object literal, and more.


# Program to create a list of fruits properties

In this section, we will use an object literal method to create the properties lists and also iterate properties by using a fo-in loop.

Let's see, the simple instance:

  ➤ Example 1: program for creating a list of fruits;

  • In this code, we used the "object literal" method to create a list of object properties.

  1. <script type="text/javascript">

  2. var fruits = {

  3.   apple: {

  4.   water : "86%",

  5.   protein : "0.3g",

  6.   fat : "34g",

  7.   sugars : "0.2g"

  8.   },

  9.   mango: {

  10.   water : "83.46g",

  11.   protein : "0.2g",

  12.   fat : "38g",

  13.   sugars : "0.16g"

  14.   }

  15. };

  16.  

  17. /* Here, accessing the properties value */

  18. console.log(`${Object.keys(fruits)[0]} protein is : ${fruits.apple.protein}`);

  19. console.log(`${Object.keys(fruits)[1]} protein is : ${fruits.mango.protein}`);

  20. </script>
Output :

  • apple protein is : 0.3g

  • mango protein is : 0.2g

  • By default, all properties an object is enumerable in which means that you can iterate over them using a for-in loop in JavaScript.

    • Let's try to create an example:

  ➤ Example 2 : using for-in loop;

  1.  for(var property in fruits.apple) {

  2. console.log(`${property}: ${fruits.apple[property]}`);

  3.  }
Output :

  • water: 86%

  • protein: 0.3g

  • fat: 34g

  • sugars: 0.2g

Recommended Posts:
Tags

Comments

Post a Comment

Popular Posts

How to remove the date and .html from every blogger post url

#Remove date and .html from blogger post url A Common search term which every blogger search is How to Remove Date From Blogger Post URL or how do I remove date from blogger permalink? Follow the steps below and then date and .html will be removed from the URL of your blogger post. Step 1 : Login to your Blogger blog and select Theme / Template. Step 2 : Click on Edit HTML and paste the below code just above the </head> tag let's see code :   ➤ Code : mycode.js; Copy code <script type='text/javascript' > //<![CDATA[ // BloggerJS v0.3.1 var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&"[0];function urlVal(){var e=window.location.pathname,t=e.length;return...
6 comments
Read more

Django static files not working when debug false || debug true

# Django static and media files not working when debug is false In this article you will learn how to fix problem of not loading static files and media in Django even the DEBUG is FALSE. This is the easiest and safest solution. # Problem: Django static and media files not working when debug is false  ➤ Code: settings.py DEBUG = False #True ALLOWED_HOSTS = [ '*' ] #Host name # Problem Fix: Let's see, How you can fix the problem of Django static and media files not working when DEBUB = False : 1.)First way: devserver in insecure mode If you still need to server static locally ( e.g. for testing without debug ) you can run devserver in insecure mode: python manage.py runserver --insecure --insecure: it means you can run serve...
12 comments
Read more

how to create enum in java

What is enum in Java? An enum is a special "data type" that used to create our own datatype like classes and It represents a group of constants (a variable that does not change). The enum is short for "enumerations", which means "specifically listed" and the Enum data also known as Enumerated Data Type. # Defining Java enum Instead of C/C++, in java programming language enum types are more powerful. Here, we can define an enum both inside and enum outside the class but not inside a Method "Rules" to defing enum in Java: To create an enum in Java, use the enum keyword (instead of class or interface) , and separate the constants with a comma (,) . The enum can be defined within or outside the class because it is similar to a class. The semicolon (;) at the end of the enum constants are optional Because enum are constants, the names of an enum type's fields are in uppercase letters. ...
Post a Comment
Read more