Assigning Dictionary Values to a Variable

Question

Assigning Dictionary Values to a Variable

I am working with a DropDownList and have a requirement to store values in a javascript variable before setting it on the DropDown. I need to loop through the values and format them as shown below:

var categories = [{
                "value": 1,
                "text": "Keyboard"
            },{
                "value": 2,
                "text": "Mouse"
            },{
                "value": 3,
                "text": "Monitor"
            }];

A sample code snippet that I tried is:

dataType: "json",
data: { categoryId: CategoryHdId },
success: function (data) {
                var categories = [];
                for (i = 0; i < data.length; i++) {
                    case = {
                        "value": data[i].ddlSubCategoryId,
                        "text": data[i].SubCategoryName
                    }
                    categories.append(case);
                }
}

However, this results in a

Syntax Error

and

Uncaught TypeError: categories.append is not a function

I would appreciate any help or suggestions on how to properly set the values inside the loop.

javascript

Answer 1

Answer №1

case is a restricted term in JavaScript, thereby it cannot be utilized as a variable name; opt for an alternative. Employ push() to append values to an array.

dataType: "json",
data: { categoryId: CategoryHdId },
success: function (data) {
                var categories = [];
                for (i = 0; i < data.length; i++) {
                   // case = {  reserved word case will throw syntax error  
                      someVar = {      //assign as var if you wish to limit its global scope                 
                        "value": data[i].ddlSubCategoryId,
                        "text": data[i].SubCategoryName
                      }
                    categories.push(someVar);
                }
}

Answer 2

case is a restricted term in JavaScript, thereby it cannot be utilized as a variable name; opt for an alternative. Employ push() to append values to an array.

dataType: "json",
data: { categoryId: CategoryHdId },
success: function (data) {
                var categories = [];
                for (i = 0; i < data.length; i++) {
                   // case = {  reserved word case will throw syntax error  
                      someVar = {      //assign as var if you wish to limit its global scope                 
                        "value": data[i].ddlSubCategoryId,
                        "text": data[i].SubCategoryName
                      }
                    categories.push(someVar);
                }
}

Answer 3

Answer №2

Experiment with the following code snippet

let categoriesList = [];
for (index = 0; index < dataList.length; index++) {
    categoriesList.push({ "val": dataList[index].subCatId, "txt": dataList[index].subCategory })
}

Answer 4

Experiment with the following code snippet

let categoriesList = [];
for (index = 0; index < dataList.length; index++) {
    categoriesList.push({ "val": dataList[index].subCatId, "txt": dataList[index].subCategory })
}

Answer 5

Answer №3

type: "json",
content: { mainCategoryID: MainCategoryId },
onSuccess: function (response) {
                var subCategories = [];
                for (x = 0; x < response.length; x++) {
                    let tempVal = {
                        "val": response[x].ddlSubCategoryId,
                        "label": response[x].SubCategoryName
                    }
                    subCategories.push(tempVal);
                }
}

Answer 6

type: "json",
content: { mainCategoryID: MainCategoryId },
onSuccess: function (response) {
                var subCategories = [];
                for (x = 0; x < response.length; x++) {
                    let tempVal = {
                        "val": response[x].ddlSubCategoryId,
                        "label": response[x].SubCategoryName
                    }
                    subCategories.push(tempVal);
                }
}

Assigning Dictionary Values to a Variable

Answer №1

Answer №2

Answer №3

Similar questions

Updating a MongoDB subarray with $set now includes adding a new entry rather than just updating existing ones

Looping through JSON keys using ng-repeat in AngularJS

Using a for loop, how can the property value be set in another object?

Issue with managing cursor location using readline in Node.js

Accessing children elements using Enzyme

Testing nested mocked functions can be achieved by setting up the necessary mocks

Unusual actions observed when showcasing PDF files within an HTML environment

A guide on how to pass an object as a parameter when opening a new view in JavaScript using the MVC pattern

Trouble obtaining dates and values in JSON while analyzing Commodity Data Charts

troubleshooting problems with AJAX calls and routing in Angular

Is it possible to manipulate the render order in Three.js CSS3DRenderer?

Is AjaxMin's EvalTreatment changing the game for JavaScript minification?

In search of a TypeScript solution for type guarding

Error: The database has encountered a duplication error in the followers index of the MERNSM.users collection, with a duplicate key value of undefined

What is the reason that modifying a textarea causes the AJAX loading of content to be interrupted?

Encountered a surprising issue in JSON parsing with React Native - Unexpected character 'U' at

Minimize the length of the styled-component class name in the upcoming iteration

Tips for validating an excel file using AngularJS

Mastering the asynchronous nature of Node.js with async/await techniques

Locate a row in an unselected data table using Jquery based on the value in a td