Tips on accessing dictionaries with multiple values in JavaScript

Question

Tips on accessing dictionaries with multiple values in JavaScript

I am struggling with a particular dictionary in my code:

{1:['a&b','b-c','c-d'],2:['e orf ','f-k-p','g']}

My goal is to print the key and values from this dictionary. However, the code I attempted didn't yield the desired results:

for (var key in dictionary) {
    // check if the property/key is defined in the object itself, not in parent
    if (dictionary.hasOwnProperty(key)) {           
        console.log(key, dictionary[key]);
    }
}

Instead of the expected output, I received some random numbers. How can I resolve this issue? This was the unexpected output I got:

key:34639values:mkey:34640values:akey:34641values:tkey:34642values:hkey:34643values:ekey:34644values:mkey:34645values:akey:34646values:tkey:34647values:ikey:34648values:ckey:34649values:skey:34650values: key:34651values:pkey:34652values:rkey:34653values:okey:34654values:bkey:34655values:lkey:34656values:ekey:34657values:mkey:34658values:

What I really want the output to look like is:

keys: 1,2
values: ['a&b','b-c','c-d'],['e orf ','f-k-p','g']

var dictionary = {1:['a','b','c'],2:['e','f','g']}
      for (var key in dictionary) {
          // check if the property/key is defined in the object itself, not in parent
          if (dictionary.hasOwnProperty(key)) { 
              console.log(`key: `, key);
              console.log(`values: `, dictionary[key]);
          }
      }

Edit: Furthermore, it turns out that the dictionary is actually being treated as string. How can I convert it back to a proper dictionary format?

javascript json

Answer 1

Answer №1

To retrieve the keys of an object, you can use the following method:

Object.keys(dictionary)

This will return an array containing two elements: ["1", "2"].

Once you have the keys of the object, you can access its content using a simple for loop:

for(let key of Object.keys(dictionary))
    console.log(dictionary[key])

The output will be:

["a", "b", "c"]
["e", "f", "g"]

Additionally, remember to utilize console.table(dictionary) for displaying simple table structures effectively.

Answer 2

To retrieve the keys of an object, you can use the following method:

Object.keys(dictionary)

This will return an array containing two elements: ["1", "2"].

Once you have the keys of the object, you can access its content using a simple for loop:

for(let key of Object.keys(dictionary))
    console.log(dictionary[key])

The output will be:

["a", "b", "c"]
["e", "f", "g"]

Additionally, remember to utilize console.table(dictionary) for displaying simple table structures effectively.

Answer 3

Answer №2

let myObj = {1:['apple','orange','banana'], 2:['pear','peach','plum']}
let myKeys = [];
let myValues = [];
for (let prop in myObj) {
    // checking if the property exists in the object itself and not in its prototype chain
    if (myObj.hasOwnProperty(prop)) {
        myKeys.push(prop);
        myValues.push(myObj[prop]);
    }
}

console.log(`keys: `, myKeys);
console.log(`values: `, myValues);

Answer 4

let myObj = {1:['apple','orange','banana'], 2:['pear','peach','plum']}
let myKeys = [];
let myValues = [];
for (let prop in myObj) {
    // checking if the property exists in the object itself and not in its prototype chain
    if (myObj.hasOwnProperty(prop)) {
        myKeys.push(prop);
        myValues.push(myObj[prop]);
    }
}

console.log(`keys: `, myKeys);
console.log(`values: `, myValues);

Answer 5

Answer №3

For those in need, I have devised a handy tool to meet your specific requirements.

let data = {1:['a&b','b-c','c-d'],2:['e orf ','f-k-p','g']}

const keys = Object.keys(data)
const values = Object.values(data)
console.log(`Keys: ${keys.join()}`)

let result = values.reduce((result, value) => { result.push(JSON.stringify(value)); return result}, []).join()
console.log(`Values: ${result}`)

I trust this solution will be of assistance.

Answer 6

For those in need, I have devised a handy tool to meet your specific requirements.

let data = {1:['a&b','b-c','c-d'],2:['e orf ','f-k-p','g']}

const keys = Object.keys(data)
const values = Object.values(data)
console.log(`Keys: ${keys.join()}`)

let result = values.reduce((result, value) => { result.push(JSON.stringify(value)); return result}, []).join()
console.log(`Values: ${result}`)

I trust this solution will be of assistance.

Tips on accessing dictionaries with multiple values in JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Unable to properly execute object calls with promises

Express route encountered an error with an undefined value

Passing a parameter from a redirect function to an onClick in React using TypeScript

JavaScript conversion of arrays to JSON data structures

The TextView is not displaying the Android Json data retrieved from mysqli

What is the best way to retrieve a MariaDB query result using Node.js?

It appears that the JSON format of the HTTP response body returned by Rails is not valid

The operation in Mongo DB carried out a $pull to eliminate the ObjectId("... id") from the nested sub-array

Can you transform text with accents into plain ASCII characters?

Tips for calculating the distance from the cursor position to the visible area

AppleScript: Check if the value of document.getElementById is empty, then fill in the value

Tips for dynamically adjusting an iframe's content size as the browser window is resized

Adding JSON data to a table with the keys in the first row is a simple process that can be achieved

Maintain the spacing of an element when utilizing *ngFor

What is causing the newly generated input tags to disappear from the page?

Error: Unable to call topFrame.window.changeSelectedBarStyle because it is not a valid function. What could be causing this

Comparing Nodes Armed with Clusters to Nodes Sporting Threads

Retrieving a list of numbers separated by commas from an array

Trouble with integrating HTML5 canvas from an external JavaScript file

JavaScript making a request to a web service