Adding pairs of keys and values to an array

Question

Adding pairs of keys and values to an array

I am working with a dictionary-like variable in JavaScript, named "dict".

var dict = {
  val1 : ["a", "b", "c"],
  val2 : ["d", "e", "f"],
  val3 : ["g", "h", "i"],
  ...
}

My goal is to extract val1, val2, val3 and store them in an array to display as JSON.

{
  "Configs" : [
      "val1" : ["a", "b", "c"],
      "val2" : ["d", "e", "f"],
      "val3" : ["g", "h", "i"],
   ]
}

I am wondering if it's feasible to push these key-value pairs into an array. And how can I access these values? arr[1].key()?

arr = 
[
   {val1 : ["a", "b", "c"]},
   {val2 : ["d", "e", "f"]},
   {val3 : ["g", "h", "i"]},
]

javascript arrays

Answer 1

Answer №1

It seems like what you are looking for is something along these lines:

    var list = {
      value1: ["x", "y", "z"],
      value2: ["1", "2", "3"],
      value3: ["4", "5", "6"],
    }

    var object = {
      Items: []
    };

    for (var key in list) {
      if (list.hasOwnProperty(key)) {
        var item = {};
        item[key] = list[key];
        object.Items.push(item);
      }
    }

    alert(JSON.stringify(object));

This code snippet will generate an object structured like this:

{
  "Items" : [
      { "value1" : ["x", "y", "z"] },
      { "value2" : ["1", "2", "3"] },
      { "value3" : ["4", "5", "6"] },
   ]
}

If you need to access a specific value based on a key (e.g. value2), you would have to search the array for that particular key. If you require that level of accessibility, it might be worth reconsidering why you converted it from a dictionary format originally.

Answer 2

It seems like what you are looking for is something along these lines:

    var list = {
      value1: ["x", "y", "z"],
      value2: ["1", "2", "3"],
      value3: ["4", "5", "6"],
    }

    var object = {
      Items: []
    };

    for (var key in list) {
      if (list.hasOwnProperty(key)) {
        var item = {};
        item[key] = list[key];
        object.Items.push(item);
      }
    }

    alert(JSON.stringify(object));

This code snippet will generate an object structured like this:

{
  "Items" : [
      { "value1" : ["x", "y", "z"] },
      { "value2" : ["1", "2", "3"] },
      { "value3" : ["4", "5", "6"] },
   ]
}

If you need to access a specific value based on a key (e.g. value2), you would have to search the array for that particular key. If you require that level of accessibility, it might be worth reconsidering why you converted it from a dictionary format originally.

Adding pairs of keys and values to an array

Answer №1

Similar questions

What is the best way to interact with parent elements inside an iframe?

The requested file at http://localhost:7575/index.js could not be found and was aborted with a 404 error

How can you attach a d3 graphic to a table that was created automatically?

Guide to setting up parameterized routes in GatsbyJS

Creating code in AngularJS

Verifying the authenticity of a Stripe discount code

Trouble encountered while integrating Cloudinary with ExpressJS

Discrepancies in collision box alignment causing ThreeJS SAT collisions to fail

Material-UI Issue: Why is makeStyles not working as expected?

transferring a 2D array from C# to unmanaged C++ through a C++/CLI wrapper

Use dots to bridge the gap between two text elements

I'm experiencing an issue where my JavaScript function is only being triggered

Error: Attempting to update the value of 'ordersToDisplay' before it has been initialized in a re-render of React. This results in an Uncaught ReferenceError

Issue adding dictionary value to an array in JavaScript

The Next JS Middlewares are experiencing issues with malformed URLs. It is recommended to only use absolute URLs to

callback that returns a local variable

Passing refs from child components to parent components in React v16 using a wrapper component

Element in Vue.js not recognized

Decoding with Decodable for dictionaries containing arrays of strings

Determine if a string is a palindrome using struct data type in C++