
How can I add a key/value pair to a JavaScript object
How can I add a key/value pair to a JavaScript object
In this article, we will see how to solve "How can I add a key/value pair to a JavaScript object".
You can add key/value pair to a javascript object using dot notation and square brackets notation.-
Add key/value pair to javascript object using dot notation
<script> const obj = { key1: 'value1', key2: 'value2' }; obj.key3 = "value3"; console.log(obj); </script>
Output:
{ key1: 'value1', key2: 'value2', key3: 'value3' }
You have to use dot notation in between object and new key (object.key) and assign value to key using assignment operator (=) in javascript to add a new key and value pair to an existing javascript object.
-
Add key/value pair to javascript object usign square bracket notation
<script> const obj = { key1: 'value1', key2: 'value2' }; obj["key3"] = "value3"; console.log(obj); </script>
Output:
{ key1: 'value1', key2: 'value2', key3: 'value3' }
You can add a new key/value pair to object in javascript using square ([]) notation. It will helps you to add a new values (key/value) to an existing object in javascript.
If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.
Don't forget to share this article! Help us spread the word by clicking the share button below.
We appreciate your support and are committed to providing you valuable and informative content.
We are thankful for your never ending support.
Random Code Snippet Queries: Javascript
- Uncaught TypeError: Illegal invocation
- How to validate input type file size in javascript
- How to set href value of anchor tag in javascript
- Cropper js with multiple images
- Uncaught TypeError: Assignment to constant variable
- Get multiplication in javascript using array input
- How to check file is an image in javascript using filename
- Short-circuits conditionals
- How to display for slash as a string in javascript HTML
- How to get file extension using javascript/jquery
- How to get the length of a number in JavaScript
- Deault order of record in datatable
- How to get query string value in javascript
- Remove property from object in javascript
- How to Set data to localstorage in javascript
- Animating numbers counting Javascript
- How to check caps lock is on in javascript
- How to add key/value pair to existing form data
- How to display an image in Javascript onclick
- How to fixed bootstrap navbar at top on scroll
- Copy one array to another in javascript
- Uncaught TypeError: $(...).summernote is not a function
- Hide div on click outside of element in javascript/jQuery
- Check if value exists in array javascript
- ReferenceError: $ is not defined