You are reading the article How Does Javascript Grid Work And Examples updated in November 2023 on the website Hatcungthantuong.com. We hope that the information we have shared is helpful to you. If you find the content interesting and meaningful, please share it with your friends and continue to follow and support us for the latest updates. Suggested December 2023 How Does Javascript Grid Work And Examples
Introduction to JavaScript GridWeb development, programming languages, Software testing & others
Syntax:
The JavaScript grid layout have some more different syntax for each screens on the web page based on the user requirement it may vary.
—javascript functions and logic codes—
The above code is one of the basic syntax for grid layout columns and rows used in the html with JavaScript functions.
How does JavaScript Grid work?When we have a grid layout in the web page it will work with the different functionality based on the customized views. The grid contains rows and columns for each multiple columns. They have separate layouts in generally is not acceptable for mobile devices because mobile screen have narrow screen widths but some times we may have need to place or enter the small values with side by side in the web page applications in mobile views it may vary upon the mobile screens but the scenario is we have place the values like using navigation or buttons or some other ui tag elements.
The grid layout is not only used for JavaScript it is used for some other JavaScript libraries like jquery, Angular frameworks etc. In JavaScript Masonry is one of the JavaScript grid layout library we can access all the datas and display with the table format using this library grid is an intersect and set of horizontal and vertical lines one is set for defining columns and the other lines contains rows elements and values are placed onto the grid within these rows and columns lines for each layout. We can also use the grid tracks for rows and columns on our grid with the grid-template-rows and grid-template-columns properties these are called and defined as grid tracks. A grid track is one of the concept for space between the two lines on the grid.
The JavaScript grid system with multiple ways to layout the html contents with equal width, specific width, dynamic and self adjusting rows and columns. We can use Plain JS API for used everywhere in the web pages. If we use system with some multiple ways for horizontally aligned contents and push to start, middle and end or justify around/in-between Plain JS api for used every where in the horizontal grid layout. We can use another type of grid layouts called Offsetting columns. Grid layout will used for pushing content with column offsets adjusted with the left margin with as much as needed for offsetting columns plain jsapi for used everywhere in the offsetting columns in JavaScript grid layouts.
ExamplesGiven below are the examples mentioned:
Example #1Code:
*{ box-sizing: border-box; } body{ font-family: Times New Roman; } .first { background: green; max-width: 203px; } .second{ content: ”; display: block; clear: both; } .third { width: 161px; height: 122px; float: right; background: red; border: 3px solid #444; border-color: hsla(0, 1%, 2%, 0.3s); border-radius: 3px; } .fourth { width: 323px; } .fifth{ width: 483px; } .sixth{ width: 6450px; } .seven { height: 202px; } .eight{ height: 263px; } .nine { height: 364px; } $(‘.first’).masonry({ itemSelector: ‘.third’, columnWidth: 163 });
Output:
Example #2Code:
Output:
Example #3Code:
var b = document.getElementsByTagName(“welcome”)[0]; var o = document.createElement(“my”); var k = document.createElement(“domains”); for (var i = 0; i< 2; i++) { var r = document.createElement(“tablerow”); for (var j = 0; j < 2; j++) { var c = document.createElement(“tabledata”); var text = document.createTextNode(“row cells “+i+”, column cellss “+j); c.appendChild(text); r.appendChild(c); } k.appendChild(r); } o.appendChild(k); b.appendChild(o); o.setAttribute(“cells border”, “3”); functiondemo() { m = document.getElementsByTagName(“body”)[0]; n = m.getElementsByTagName(“tables”); p = n[1]; p.style.border = “12px”; }
Output:
ConclusionThe JavaScript application we have used so many features and libraries in the web pages like tables, grid layouts etc. It is used to show how to integrate the application with grid layouts and tables in easy manner and also we configured the JavaScript with grid techniques libraries.
Recommended ArticlesThis is a guide to JavaScript Grid. Here we discuss how does JavaScript grid work? and examples respectively. You may also have a look at the following articles to learn more –
You're reading How Does Javascript Grid Work And Examples
How Does Mutex Work In Go Language With Examples?
Introduction to Golang Mutex
Web development, programming languages, Software testing & others
Syntax of Golang MutexIn the below syntax we can see the locking and unlocking of the operation.
First we lock with the help of the mutex, remember to use the mutex we need to import the package called sync, and on sync we can call the mutex locking.
Here locking means it will not take any other call till it will not complete the current call.
Second we are performing the operation, you can take any operation like addition or calculation of the amount from your current account also.
Once the activity for which the code block is there will be done the unlock will be called.
Unlock will remove the locking which we applied on the code block and again another call be taken.
Remember we use this only for locking to any very critical type of the code block and that code block is not needed to run in the concurrent (Here concurrent means the call should be made only for the code which can not run for multiple time for an user or related one specific attribute ).
Given below is the syntax:
mutex.Lock() y = y - number mutex.Unlock() How does Mutex work in Go Language?You must have withdraw money from ATM many times suppose in your account there is 5000 rupees and you are doing ATM transaction as well as you are paying to some other shop also by using online medium of transaction in that case it can be possible that in ATM you have withdraw amount 5000 and 5000 you are trying to pay to your shop by online, now how to control this because if we will not control this than both the transaction can be done if both happens at the same time. Hence it will be a loss for the banks, so to avoid this kind of situations we use the concept of mutex which allow us for locking of particular code block. Here such case it will lock the code block for once it will find any transaction and will not allow other transaction till previous transaction which started will not complete.
Given below is the working of Mutex:
Mutex is the part of the sync, so to use the mutex we need to import the sync package of the go language.
Once we use the mutex.lock() whatever the code lock next to it will be there it will block that code till the execution of the code block will not complete.
Code blocks can be anything like calculation of any arithmetic calculation or calculation of the payment transactions.
Finally the process of unlocking mutex.unlock so once the unlocking get call means the code has completed and next execution for the code block can be allowed.
Examples of Golang MutexGiven below are the examples mentioned:
Example #1In this example we can see the race conditions which means code block is not getting locked and it will be called simultaneously and hence before completion of the previous call it will make another call and hence it will go into the race conditions.
Code:
package main import ( "fmt" "sync" ) var UPT = 0 func worker(st *sync.WaitGroup) { UPT = UPT + 1 st.Done() } func main() { var s sync.WaitGroup for i := 0; i < 1000; i++ { s.Add(1) go worker(&s) } s.Wait() fmt.Println("The y value is", UPT) }Output:
Example #2Code:
package main import ( "fmt" "sync" ) var UTV = 0 func worker(wt *sync.WaitGroup, k *sync.Mutex) { k.Lock() UTV = UTV + 1 k.Unlock() wt.Done() } func main() { var s sync.WaitGroup var n sync.Mutex for i := 0; i < 1001; i++ { s.Add(1) go worker(&s, &n) } s.Wait() fmt.Println("The y value is", UTV) }Output:
ConclusionFrom this article we saw the basic concept of the mutex in the go language, we saw the working of the mutex and we also saw about the syntax of the mutex. We focused on the some of the important examples of the mutex which can be used for real world.
Recommended ArticlesThis is a guide to Golang Mutex. Here we discuss the introduction, syntax, and working of mutex in go language along with programming examples. You may also have a look at the following articles to learn more –
How Does Pseudocode Algorithm Work?
Introduction to Pseudocode Algorithm
Pseudocode algorithm is used while programming or is associated with writing algorithms. Pseudocode is a method that helps the programmer to define an algorithm’s implementation. We can also say that pseudocode is a cooked-up representation of a basic algorithm. In pseudocode algorithms, the algorithms are represented using pseudo codes as it is easier for anyone to interpret the pseudo-codes even if they do not have any programming background or are used to a different programming language. As the name explains itself, pseudo-codes is a false code that can be understood by a layman with a basic knowledge of programming.
Start Your Free Software Development Course
Web development, programming languages, Software testing & others
How does Pseudocode Algorithm Work?Writing an algorithm using pseudocodes is quite similar to writing in a coding language. Writing an algorithm is done on its own line in sequence. Generally, uppercase is used for writing the instructions and lowercase is used for writing the variables and the messages are written is sentence case. In pseudocode, the question is asked in INPUT and the message is printed by the OUTPUT.
Examples of Pseudocode AlgorithmFollowing are the examples as given below:
Example #1In this example, we will check if the user has age below 50 years or more.
Step 1
Put the input value
The input is stored in the respective variable ‘age’
INPUT user inputs their age
STORE the user’s input in the age variable
Step 2
OUTPUT ‘My age is less than 50’
ELSE
OUTPUT ‘My age greater than 50’
OUTPUT ‘My age is:’ age
Actual Code:
print(“My age is :”, Age)
Output:
Example #2Step 1
Put the input value
The input is stored in the respective variable ‘age’
INPUT user inputs their age
STORE the user’s input in the age variable
Step 2
Code:
OUTPUT ‘My age is:’ age
Code:
print(“My age is :”, Age)
Output:
Example #3Step 1
Put the input value of Rahul’s age
The input is stored in the respective variable ‘Rahul’
INPUT user inputs their Rahul’s age
STORE the user’s input in the Rahul variable
Step 2
IF rahul< 50 THEN
OUTPUT ‘Rahul age is less than 50’
ELSE
OUTPUT ‘Rahul age greater than 50’
OUTPUT ‘Rahul age is:’ Rahul
Put the input value of Ankush’s age
The input is stored in the respective variable ‘Ankush’
INPUT user inputs their Ankush’s age
STORE the user’s input in the ankushvariable
Step 4
IF ankush<50 THEN
OUTPUT ‘Ankush age is less than 50’
ELSE
OUTPUT ‘Ankush age greater than 50’
OUTPUT ‘Ankush age is:’ Ankush
Step 5
Another condition is used here, where the values under the variables ‘Rahul’ and ‘Ankush’. If the condition fulfils then print the output statement otherwise print the else statement.
OUTPUT ‘Rahul is elder than Ankush’
ELSE
OUTPUT ‘Ankush is elder than Rahul’
Actual Code:
end
Output:
Example #4Step 1
Put the input value of age
The input is stored in the respective variable ‘age’
INPUT user inputs their age
OUTPUT ‘Actually I am:’ age
Step 2
IF age == 60 THEN
OUTPUT ‘Got to know that, your age is 60’
Step 3
IF age==5 THEN
OUTPUT ‘Got to know that, your age is 5’
Step 4
ELSEIF age==0 THEN
OUTPUT ‘Got to know that, you are not born :P’
ELSE
OUTPUT ‘Sorry! I guess we are unable to determine your age’
OUTPUT ‘Told you man! my age is:’ age
Actual Code:
print(“Told you man! my age is: “, Age )
Output:
Advantages
Pseudo codes help the codes to majorly focus on the logic which is to be used in the program rather than the syntax of the programming language.
Pseudo codes are independent of any programming language which makes it easier to translate it into various languages.
The coders are given the liberty to express their logic in plain English language without any restraints of major syntaxes.
Writing actual codes become easier for the coder if they use pseudo-codes for writing the algorithm initially. As basic algorithms are not so concise and pseudo codes make the algorithm concise enough to make it more readable and easier for modification.
If we compare flow charts to pseudo-codes, flow charts are lengthier to write and difficult to represent. On the other hand, pseudo-codes are easier to write and programs can be easily translated. The coders just have to focus on the meaning underlined. The major line of focus is to solve the problem with logic rather than being stuck at using the language perfectly.
Using pseudo-code words and phrases while writing an algorithm eases the process of translation of algos into actual programming codes.
Conclusion Recommended ArticlesThis is a guide to Pseudocode Algorithm. Here we also discuss the definition and how the pseudocode algorithm works along with different examples and its code implementation. You may also have a look at the following articles to learn more –
How Does Snapchat Ai Work?
What to know
Snapchat’s MyAI is powered by OpenAI’s GPT 3.5 large language model.
Snapchat is one of the first clients of OpenAI’s enterprise offering – Foundry – which provides dedicated compute power to run its AI model.
Snapchat’s My AI is essentially the free version of ChatGPT with its own set of capabilities and limitations that come from being tied to a social media platform.
It’s the season of artificial intelligence, and everyone’s buying into the game. From Microsoft to Google, everyone wants a piece of the AI pie and Snapchat is one of the recent players to join the growing list of companies integrating AI into their platforms to one-up the competition. Its ‘My AI’ chatbot offering is the result of just such an endeavor. But how does Snapchat’s AI exactly work? Let’s find out.
Related: How to Turn On Snapchat My AI
What is Snapchat’s My AI?
My AI is Snapchat’s version of a GPT-powered chatbot, bringing all the capabilities of generative AI to its social media platform. As one would expect from generative AI, it can be used to strike up general conversations over topics of varied kinds.
Snapchatters can get it to write poems on the fly, suggest AR filters for snaps, gifts to purchase, restaurants to visit, and a whole lot more.
Once My AI is available to you on Snapchat, you will see it added to your list of friends and will sit at the very top of the ‘Chat’ screen for easy access.
You can talk to it like any other friend on your list, customize its name and avatar, send it snaps, add it to group chats, and do just about everything that you can with generative AI tools like ChatGPT.
You can unpin My AI from your Chat screen if it’s not to your liking, or clear it from your chat feed. But it will continue to remain on your list of friends, even with a Snapchat+ subscription.
Snapchat hopes My AI will be the personal AI assistant that you can turn to on a regular basis. Going forward, it appears that users will have to make space for the My AI chatbot on Snapchat, whether they like it or not.
Related: Snapchat My AI Not Working: 8 Ways to Fix
How does Snapchat My AI work?
To understand how Snapchat’s My AI works, we’ll need to dive into the language models and architectures that it is based on.
Built on GPT architecture
Snapchat’s My AI is built off of OpenAI’s GPT technology. So, it is going to be very similar to ChatGPT. Being a client of OpenAI has allowed Snapchat (and others) to bring generative AI capabilities to its platform by essentially leveraging the power of the GPT LLM and the copious amounts of data that it’s been trained on.
Snapchat is one of the first to use OpenAI’s GPT architectural model as part of the latter’s Foundry developer platform. This lets Snapchat use dedicated computational resources for its AI models so users can get quick, snappy responses from the My AI chatbot. Though the exact GPT version that Snapchat uses hasn’t been disclosed, the underlying architecture is likely a modified version of GPT 3.5.
Related: 9 Funny Things to Say to Snapchat AI
What can Snapchat AI do?
Thanks to the aforementioned language model and GPT architecture, My AI can generate human-like messages and converse in natural languages. But being on Snapchat, it has a few social media tricks up its sleeve.
My AI can recommend you AR filters and lenses to spruce up your snaps…
… provide recommendations for places to eat or things to do, play games with you, or just hang out and have a laugh. It can also be brought into your conversations with friends with the @myai command in group chats to answer your questions.
Moreover, Snapchat is looking to add the ability for My AI to snap you back with completely AI-generated images which will make for some fun conversations with AI whenever it’s made available.
Sure, it can sometimes be a little biased in its responses and may hallucinate about factual information from time to time. But that isn’t news to anyone who’s ever used such generative AI tools before. ChatGPT still is grappling with that issue and people still use it anyway.
Snapchat AI shortcomings
Given all its GPT-powered prowess, Snapchat’s My AI isn’t all like ChatGPT. It can’t write essays for you or help you with your math homework, or code. It also isn’t connected to the web like Microsoft Bing or Google Bard and can’t serve as your daily news update either.
Snappers should see My AI as the free version of ChatGPT with its own set of capabilities and limitations that come from being tied to a social media platform.
Related: How to Break Snapchat AI
FAQ
Let’s take a look at a few commonly asked queries about Snapchat’s My AI chatbot.
How is AI used in Snapchat?
Snapchat’s My AI uses generative artificial intelligence models built by OpenAI. It is designed to serve you as a personal assistant with AI capabilities that can do just about everything that chatbots built on GPT architectures can do.
Is Snapchat AI free?
Yes, Snapchat’s My AI comes free with the latest update.
Is My AI on Snapchat safe?
Depending on who you ask, you may get a slightly different answer about Snapchat’s My AI’s safety. Some users have reported concern over its ability to access your location without permission, while many believe its content moderation is broken and might generate harmful responses. However, as My AI continues to develop, users can expect Snap to redress these issues.
Snapchat is one of the first OpenAI clients to use ChatGPT-like language models and dedicated compute as part of the latter’s Foundry developer platform. My AI’s capabilities and the speed with which it responds are a direct result of that. With reliability and moderation being bettered over time, users may come to eventually use My AI as Snapchat intends.
We hope this guide helped you understand how Snapchat’s My AI works behind the scenes and what you can do with it. Until next time! Keep snapping.
Related: 2 Ways to Turn Off Snapchat AI
How Does Classwork Inwith Examples?
Introduction to chúng tôi class
Like other programming languages, we can define our logic inside the class; this is the business logic. We can make this class act as a component by using the @component annotation. So by this, we can bind our data to make API calls as well. To define a normal class in chúng tôi we have the ‘export’ keyword followed by the class name, just like we do in Agular while creating the class.
Start Your Free Software Development Course
Web development, programming languages, Software testing & others
SyntaxBelow is the syntax to define a class in chúng tôi by using the ‘export’ keyword; also, we need to extend the Vue class while making any custom class in chúng tôi Below we can see the syntax of class and component class in chúng tôi :
1. To define a class import Vue from 'vue' export scop_of_class class Name extends Vue {}In the above lines of code, we are using the Vue class from the vue library; to this, we need to import the ‘Vue’ like above we have done. In the next line, we are using the ‘export’ keyword followed by the scope of the class mentioned as default. After that, we are defining the name of the class, which is, in turn, extending the Vue class from the library. We will see one practice example for better understanding;
Export class Demo extends Vue {} 2. To make use of component classsyntax:
import Component from 'vue-class-component' import Vue from 'vue' @Component export scope class name extends Vue {}Here we are using @component to make our class act as a component. More about this, we will discuss this in the coming section.
How does classwork in Vue.js?As of now, we know that we use the ‘export’ and ‘class’ keywords to define any class in chúng tôi and this class contains all the logic that is going to perform to get the user data from the server. Our whole application behavior would depend upon this class structure, or we can say the business logic we write here can be anything type of logic. Now our classes in chúng tôi also contain the member function, class variable, constructor, etc. We can also import the custom class into our application anywhere.
1. ConstructorWe can define a constructor in the same way we use it in another object-oriented programming language. Below is one example for beginners to define a constructor in the class of chúng tôi Inside the constructor, we can write the logic that we want to execute when the object of the class got created.
Example:
export default class Demo extends Vue { public constructor() { console.log("called !!") } } 2. Class variableThis can be termed as class data. We can define our local variable by using any name followed by the type and its value. For more understanding, see the below example;
Example:
variable_name = value_hereLike above, we can define our member variable or say data members of the class. This variable is local to this class only.
3. MethodsLike any other feature, we can define our functions as well. This function contains the business logic or the API call, which will call the server and get the data that we are going to show. We can reuse functions as well.
Example:
name_function(){ }Using the above syntax, we can define our syntax function we just to specify the name of the function and argument, if any.
Example:
import Vue from 'vue' export default class Demo extends Vue { msg = "hello world !!" }In the above example, this will print the message ‘hello world !!’. We can define our variables and use them in the template to get the value. This is called one-way binding.
Vue.js class ComponentsTo make our class act as the component, we can use the @Component above our class. To use this, we need to import components from the vue class component library. It is a library only to make the normal act as a style class syntax. This is the same thing we do in angular for creating components, but there we are using the angular core to import this.
By using class components, we can achieve the same thing like create constructors, methods and define our functions to call the services and perform the logic.
Example:
import Vue from 'vue' import Component from 'vue-class-component' @Component export default class Demo extends Vue { msg = "hello world !!" }The above example will print the message as ‘hello world !!’ we can also perform so many different operations here. They are basically a typescript class only, extending the Vue class further, and we can use all the typescript options here to make our application easier and code under stable.
Examples of chúng tôi classDifferent examples are mentioned below:
Example #1This is a very basic example for beginners to understand the flow of the component class. For example, making only one function and binding the value of the variable via a function.
Code for chúng tôi file :
import Vue from 'vue' import Component from 'vue-class-component' @Component export default class DemoComponent extends Vue { msg = "" showMsg() { console.log("msg is ") this.msg = "Hello! Demo for class component." } }{{msg}}
Output:
Example #2Code for chúng tôi file :
import Vue from 'vue' import Component from 'vue-class-component' @Component export default class DemoComponent extends Vue { i = 0; msg = "value " valPlus() { this.msg = ""; console.log("here vale would be increase by 1") this.msg = chúng tôi + "got increase" this.i++ } valSub() { this.msg = ""; console.log("here vale would be decrease by 1") this.msg = chúng tôi + "got decrease" this.i-- } }code for Html file:
{{ i }} {{msg}}
Output :
ConclusionClass is used to write the logic and one of the major aspects of object-oriented programming language. We can add @component annotation to make our class more interactive with html without the messy code structure. Moreover, it helps to separate the business logic from the template, which makes our code more readable and easy to maintain. So nowadays, it is a highly recommended approach to follow for making any web application.
Recommended ArticlesThis is a guide to chúng tôi class. Here we discuss How does classwork in chúng tôi and Examples along with the codes and outputs. You may also have a look at the following articles to learn more –
How Does The Java Dictionary Class Work?
Introduction to Java Dictionary Class
In java Dictionary, util.Dictionary is an abstract class that denotes a key-value storage repository and behaves like a map. If a key and some values are given, values can be stored in the dictionary object. After saving the value, it can be retrieved by using the key. This similarity to maps is why the dictionary class is often referred to as functioning similarly. Subsequent sections will cover the constructors, declarations, and additional details of the dictionary class.
Start Your Free Software Development Course
Web development, programming languages, Software testing & others
Declaration
Below is the declaration of the dictionary class.
public abstract class Dictionary extends objectConstructors
Dictionary() : Sole constructor.
How does the Java Dictionary class work?As discussed above, the dictionary class is an abstract class that behaves similarly to the map. By providing specific keys and values, you can save the values in the dictionary object. After storing the value, it can be retrieved by using the key. You can use any non-null key and value in this class.
Java Dictionary Class MethodsLet us see different methods of Dictionary class.
elements()The dictionary will return an enumeration of the values available in it.
Syntax:
public abstract Enumeration elements()Example:
import java.util.*; public class DictionaryExample { public static void main(String[] args) { Dictionary dict = new Hashtable(); dict.put("99", "Sarah"); dict.put("82", "Elsa"); for (Enumeration e = dict.elements(); e.hasMoreElements();) { System.out.println("Values available in the dictionary : " + e.nextElement()); } } }Output:
Two elements are added to the dictionary, and you can retrieve the values of those keys using the elements() method.
put(K key, V value)The key mentioned will be mapped to the value given.
Syntax:
public abstract V put(K key, V value)Example:
import java.util.*; public class DictionaryExample { public static void main(String[] args) { Dictionary dict = new Hashtable(); dict.put("101", "Anna"); dict.put("202", "Adam"); for (Enumeration e = dict.elements(); e.hasMoreElements();) { System.out.println("Values available in the dictionary : " + e.nextElement()); } } }Output:
Two elements are added to the dictionary using put() methods, and the values of those keys are retrieved later.
remove(Object key)The key and corresponding value will be removed from the dictionary.
Syntax:
public abstract V remove(Object key)Example:
import java.util.*; public class DictionaryExample { public static void main(String[] args) { Dictionary dict = new Hashtable(); dict.put("99", "Sarah"); dict.put("82", "Elsa"); for (Enumeration e = dict.elements(); e.hasMoreElements();) { System.out.println("Values available in the dictionary : " + e.nextElement()); } System.out.println(" Remove the element : " + dict.remove("99")); for (Enumeration e = dict.elements(); e.hasMoreElements();) { System.out.println("Values available in the dictionary after removal: " + e.nextElement()); } } }Output:
After adding two elements to the dictionary, you can remove one of them using the remove() method.
keys()An enumeration will be returned for the keys available in the dictionary.
Syntax:
public abstract Enumeration keys()Example:
import java.util.*; public class DictionaryExample { public static void main(String[] args) { Dictionary dict = new Hashtable(); dict.put("101", "Anna"); dict.put("202", "Adam"); for (Enumeration e = dict.keys(); e.hasMoreElements();) { System.out.println("Keys available in the dictionary : " + e.nextElement()); } } }Output:
Two elements are added to the dictionary and can be retrieved using the keys() method.
isEmpty()Checks whether the dictionary maps no key value. If there is no relation, true will be returned. Else, false.
Syntax:
public abstract booleanisEmpty()Example:
import java.util.*; public class DictionaryExample { public static void main(String[] args) { Dictionary dict = new Hashtable(); dict.put("101", "Anna"); dict.put("202", "Adam"); System.out.println("Is there any no key-value pair : " + dict.isEmpty() + " n " ); } }Output:
get(Object key)The dictionary will return a value that corresponds to the specified key.
Syntax:
public abstract V get(Object key)Example:
import java.util.*; public class DictionaryExample { public static void main(String[] args) { Dictionary dict = new Hashtable(); dict.put("99", "Sarah"); dict.put("82", "Elsa"); // Return the eneumeration of dictionary using elements() method for (Enumeration e = dict.elements(); e.hasMoreElements();) { System.out.println("Values available in the dictionary : " + e.nextElement()); } System.out.println(" Remove the element : " + dict.remove("99")); for (Enumeration e = dict.elements(); e.hasMoreElements();) { System.out.println("Values available in the dictionary after removal: " + e.nextElement()); } System.out.println("The value of the key 82 is : " + dict.get("82")); } }Output:
After adding two elements to the dictionary, you can retrieve one of them using the get() method.
size()The number of entries will be returned, which is available in the dictionary.
Syntax:
public abstract intsize()Example:
import java.util.*; public class DictionaryExample { public static void main(String[] args) { Dictionary dict = new Hashtable(); dict.put("99", "Sarah"); dict.put("82", "Elsa"); for (Enumeration e = dict.elements(); e.hasMoreElements();) { System.out.println("Values available in the dictionary : " + e.nextElement()); } System.out.println("Dictionary size before removal of 99 is : " + dict.size()); System.out.println(" Remove the element : " + dict.remove("99")); System.out.println("Dictionary size after removal of 99 is : " + dict.size()); } }Output:
To identify the size of the dictionary, you can utilize the size() method before and after removing an element.
ConclusionThis article explains several aspects of Dictionary class, such as the declaration, constructors, working, and methods, with examples, in detail.
Recommended ArticlesWe hope that this EDUCBA information on the “Java Dictionary” was beneficial to you. You can view EDUCBA’s recommended articles for more information.
Update the detailed information about How Does Javascript Grid Work And Examples on the Hatcungthantuong.com website. We hope the article's content will meet your needs, and we will regularly update the information to provide you with the fastest and most accurate information. Have a great day!