How To Add To A Dictionary In Javascript

Create Lexicon and Add Cardinal-Value Pairs in JavaScript

Created: February-09, 2022 | Updated: March-21, 2022

Use Object Literals to Create a Dictionary in JavaScript
Add Key-Value Pairs in JavaScript

This article explains how to create a lexicon in JavaScript and add together key-value pairs to information technology.

As of now, JavaScript does not contain a native dictionary data type.

However, objects in JavaScript are highly versatile and may generate primal-value pairs. These things are adequately similar to dictionaries and operate similarly.

Dictionaries are often utilized since each value saved has a unique key, and with these keys, their associated values may be retrieved. Information technology gives a lot of freedom in reading and storing data.

Use Object Literals to Create a Lexicon in JavaScript

A lexicon may be generated using two ways. The object literal method uses the new keyword.

All the same, nosotros concentrate on the former.

It is because it is quite probable that you have used dictionaries previously, and this approach follows a familiar syntax.

Syntax using Object literals:

Use the syntax below to generate an empty JavaScript dictionary, where dict is the object's name.

              var dict = {};

Initializing and amalgam a dictionary:

              var dict = {   Name: "Shiv",   Age: 21,   Task: "Freelancer",   Skills: "JavaScript", };  console.log(dict);

Output:

              {   Age: 21,   Job: "Freelancer",   Proper noun: "Shiv",   Skills: "JavaScript" }

Run code here.

Add together Fundamental-Value Pairs in JavaScript

Fundamental-value pairs may be added when building a JavaScript dictionary; even so, these techniques tin can besides add values.

Lawmaking to add items:

              var [central] = value;

The key stands for the identifier of the unique cardinal, and the value is the corresponding data the key relates to.

If the dictionary already includes the name you accept supplied equally the key, you could either alter your central or employ the following code to update the value.

              dict.key = new_value;

Accessing things is likewise fairly bones; the post-obit lawmaking may be used.

              var value = dict.key;

The value relates to the variables you utilize to concord the accessed key'southward value.

Case:

              <!DOCTYPE html> <html>   <head>     <title>Dictionary in Javascript</title>   </caput>   <body way="text-align: eye;">     <h1>Dictionary in Javascript</h1>     <p>       var dict = { <br />       "key_1" : 1 , <br />       "key_2" : "ii", <br />       "key_3" : iii <br />       }; <br />     </p>     <push onClick="funcn()">Add new Cardinal-Value Pairs</button>     <p id="demo"></p>     <!-- Script to create dictionary          and add together key-value pairs -->     <script>       role funcn() {         var dict = {           key_1: one,           key_2: "2",           key_3: 3,         };          dict.new_key = "new_value";         dict["another_new_key"] = "another_value";          var to_show = "var dict = { <br>";          for (var key in dict) {           to_show += '"' + primal + '" : ' + dict[key] + "<br>";         }          to_show += " }; <br>";          certificate.getElementById("demo").innerHTML = to_show;       }     </script>   </body> </html>

Run code here.

Output:

dictionary in javascript

Write for the states

DelftStack manufactures are written by software geeks like you. If you too would like to contribute to DelftStack by writing paid articles, you can check the write for united states page.