Is there a more elegant way to add a field to JSON without using eval? My current solution works but is not very clean.
var json = {};
var id = "test";
eval("json." + id + " = 5;");
console.log(json.test);
UPDATE: Apologies for any confusion in my question. I am looking for a method that utilizes the value of the variable id for the new field.
Cheers, Bernhard
Here is an alternative method:
Instead of using the previous syntax, try this:
json[id] = 10;
So, in your scenario:
var jsonNew = {};
var idNew = "example";
jsonNew[idNew] = 10;
console.log(jsonExample); //prints 10
// OR
console.log(jsonNew['example']); //prints 10
Here is a simple way to add properties to a JSON object:
var myObj = {};
myObj.name = "John";
console.log(myObj.name);
Alternatively, you can also do it like this:
var myObj = {};
myObj["name"] = "John";
console.log(myObj.name);
I hope this explanation proves helpful!
You have a few options for creating and accessing objects in JavaScript.
var data = {};
var key = "example";
eval("data." + key + " = 10;");
console.log(data.example);
Another method is to directly assign the property value:
var data2 = {};
data2.example = 10;
console.log(data2.example);
Alternatively, you can use square bracket notation:
var data3 = {};
data3["example"] = 10;
console.log(data3.example);
The first method shown should be avoided due to potential drawbacks.
Trying to implement a small functionality using jQuery and ASP.NET MVC 4, I encountered a problem. The issue lies with a list of thumbnails that represent products in my application: <ul class="thumbnails"> @foreach (var thumbnail i ...
var modalInstance = $modal.open({ templateUrl: '/template/edit-modal.html', controller: ModalInstanceCtrl2, resolve: { locations: function () { return locationToEdit; } }, scope: $scope.$new() }); ...
UPDATE: I am currently working on a project that involves the following steps: Submit a POST request with a file in the template --> Process the file in the view to generate an ID --> Display the ID in the template I am relatively new to Django and ...
Currently, I am struggling with understanding the concepts of ListView and list adapters. Any guidance on what might be incorrect in my code and how to rectify the issue would be greatly appreciated. As a beginner attempting to work with ListView, I acknow ...
Is there a way to vertically center the bootstrap modal? I have been searching for a solution, but none seem to be responsive or effective. My website is using Bootstrap 3. The modal does not adjust properly on smaller screens or when the browser window i ...
I'm attempting to send a list of objects as the body in a restassured request: Transaction transaction1 = new Transaction(); Transaction transaction2 = new Transaction(); List<Transaction> transactionList = new ArrayList<Transaction>(); t ...
I'm currently working with a code behind file that includes a method: public string ProductsAsJson() This method is responsible for returning a JSON representation of multiple products. In order to integrate some Angular functions into my ascx page, ...
I'm attempting to conceal the chatname div. Once hidden, I want to position the chatid at the bottom, which is why the value 64px is utilized. However, I encountered an error stating The function toggle3(); has not been defined. <div id="chat ...
Before proceeding with the code below, I need to conduct an initial check on two conditions. If neither condition is met, I want Node.js to halt any further execution. Should I incorporate this as a check at the beginning of my code or wrap my main code wi ...
Looking to create a directive for a toggle button, here is the code I want to include in the directive: <div class="toggle-button" ng-class="{true: toggleTrue === true, false: toggleTrue === false}"> <button class="true" ng-click="toggleTrue ...
I need to update my React app's material-ui package to the latest version. Can someone provide instructions on how to uninstall the old version and install the new MUI? UPDATED: In my package.json file, the current dependencies are listed as: ...
Looking to update a menu using only CSS or JavaScript. The menu is designed for an e-commerce website, featuring categories with collapsed subcategories. I'd like the sub-categories to automatically expand when the page loads, eliminating the need fo ...
I am currently facing an issue with extracting a specific part of a string (from the URL pathname) and I need some help to solve it. Here is what I have tried so far: ^(/svc_2/pub/(.*?).php) The string in question is: /svc_2/pub/stats/dashboard.php?aja ...
Currently, I am attempting to dynamically alter the src of an iframe using Angular 2. Here is what I have tried: HTML <iframe class="controls" width="580" height="780" src="{{controllerSrc}}" frameborder="0" allowfullscreen></iframe> COMPONE ...
My JSON data has the following structure: [ { "100": "ONE", "200": "TWO" }, { "100": "1", "200": "2" } ] The expected output should look like this: { ...
My goal is to display a list of schedules in either ascending or descending order. While Ag-grid provides default sorting, it doesn't align with my desired outcome after formatting the times into AM/PM format (for instance, 01:00 PM appearing before 1 ...
Can you directly convert an mgo result to a JSON byte array without needing to serialize it into a slice of structs beforehand? ...
Encountering an unusual problem with the radio buttons due to custom styling. The issue arises when trying to select certain options. Here is the jsfiddle link for reference: http://jsfiddle.net/bm6Lfhdz/1/ Attempt to choose 'Yes' from the secon ...
When processing entries from a logfile that contains both plain text and JSON formatted messages, I initially used grep to filter messages enclosed in curly braces for further processing with a chained filter. While grep worked well for plain messages, the ...
I am new to Angular and I am searching for a method to trigger a function only after the focus is out of the field, rather than after every change. The purpose of this function is to check if the user has modified the data in a specific <td> element, ...