extracting key-value pairs from nested arrays in javascript objects

Question

extracting key-value pairs from nested arrays in javascript objects

As a beginner in javascript, I am facing an issue that may seem basic to others. Here is the json data I am working with:

{
    "statusCode": 200,
    "status": "success",
    "data": [
        [
            {
                "city": "Alexandria",
                "country": "Egypt",

            },
            {
                "city": "Alexandria",
                "country": "Egypt",

            },]]

My goal is to access specific elements within this data:

0: {city: "Alexandria", country: "Egypt"}
1: {city: "Antalya", country: "Turkey"}

I have attempted the following code snippet:

getData = function (data) {
    keys = Object.keys(data[0]);
    data = [];
    keys.forEach(function (key) {
        data.push(key);
    });
    return data;
}

However, the output of this code is not what I expected. It returns:

0: "0"
1: "1"
2: "2"
3: "3"
4: "4"
5: "5"
6: "6

If anyone could provide assistance or guidance on how to resolve this issue, it would be greatly appreciated!

javascript arrays json

Answer 1

Answer №1

If you want to retrieve the first element of the response's data array, you can utilize the concept of Destructuring assignment. This will allow you to store the first element in a variable named result:

const response = {
  "statusCode": 200,
  "status": "success",
  "data": [
    [{
        "city": "Alexandria",
        "country": "Egypt",

      },
      {
        "city": "Alexandria",
        "country": "Egypt",

      },
    ]
  ]
}
const getData = ({ data: [result] = [[]] }) => result

console.log(getData(response))

Answer 2

If you want to retrieve the first element of the response's data array, you can utilize the concept of Destructuring assignment. This will allow you to store the first element in a variable named result:

const response = {
  "statusCode": 200,
  "status": "success",
  "data": [
    [{
        "city": "Alexandria",
        "country": "Egypt",

      },
      {
        "city": "Alexandria",
        "country": "Egypt",

      },
    ]
  ]
}
const getData = ({ data: [result] = [[]] }) => result

console.log(getData(response))

Answer 3

Answer №2

retrieveData = function(response){
    valuesArray = response.responseValues[0];
    updatedData = []
    for(var value in valuesArray){
        updatedData.push(valuesArray[value])
    }
}

I trust this information proves beneficial to your endeavors.

Answer 4

retrieveData = function(response){
    valuesArray = response.responseValues[0];
    updatedData = []
    for(var value in valuesArray){
        updatedData.push(valuesArray[value])
    }
}

I trust this information proves beneficial to your endeavors.

Answer 5

Answer №3

When dealing with the data[0] array, using Object.keys(array) will actually return an array of the indexes found within that particular array. For example:

array= [{x: 1}, {x: 2}, {x: 3}]
Object.keys(array) // ['0', '1', '2']

The values pushed into the return array are simply the index numbers themselves, as demonstrated.

To prevent confusion, it is advisable to use distinct variable names. In this scenario, consider utilizing a different name like data.

Below is the updated function:

const object = {"statusCode": 200,"status": "success","data": [[{"city": "Alexandria","country": "Egypt",},{"city": "Alexandria","country": "Egypt",},]]}

getData = function (arr) {
  data = []
  arr[0].forEach(function (key) {
    data.push(key);
  });
  return data
}

console.log(getData(object.data))

Answer 6

When dealing with the data[0] array, using Object.keys(array) will actually return an array of the indexes found within that particular array. For example:

array= [{x: 1}, {x: 2}, {x: 3}]
Object.keys(array) // ['0', '1', '2']

The values pushed into the return array are simply the index numbers themselves, as demonstrated.

To prevent confusion, it is advisable to use distinct variable names. In this scenario, consider utilizing a different name like data.

Below is the updated function:

const object = {"statusCode": 200,"status": "success","data": [[{"city": "Alexandria","country": "Egypt",},{"city": "Alexandria","country": "Egypt",},]]}

getData = function (arr) {
  data = []
  arr[0].forEach(function (key) {
    data.push(key);
  });
  return data
}

console.log(getData(object.data))

Answer 7

Answer №4

If you want to extract the data from both an object and an array, you can utilize destructuring:

const fetchData = ({ data: [info] = [] } = {}) => info;

const results = {"statusCode":200,"status":"success","data":[[{"city":"Alexandria","country":"Egypt"},{"city":"Alexandria","country":"Egypt"}]]};

console.log(fetchData(results));

Answer 8

If you want to extract the data from both an object and an array, you can utilize destructuring:

const fetchData = ({ data: [info] = [] } = {}) => info;

const results = {"statusCode":200,"status":"success","data":[[{"city":"Alexandria","country":"Egypt"},{"city":"Alexandria","country":"Egypt"}]]};

console.log(fetchData(results));

extracting key-value pairs from nested arrays in javascript objects

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Failed: Protractor could not synchronize with the page due to an error saying "angular is not present on the window"

Angular pop-up message not displaying title or content

Using Google Apps Script to upload a text file to Google Drive

What is the reason behind being limited to sending only 5 requests if I fail to heed the data event?

Improving efficiency by saving and loading the form value using best practices

A guide on mapping an array and removing the associated element

Looking for an improved, tidier, or more efficient alternative to PHP Random Text?

PHP error: Unexpected non-whitespace character in JSON parsing

Shadow and Quality Issues with SVG Images

Is there a way to incorporate various string values in a single function?

Wordpress is experiencing a recurring issue with scripts being loaded multiple times

react-responsive-carousel: setting a specific height for thumbnail images

What is preventing the click function on a dynamically created button from being executed in jQuery?

Warning: The use of 'node --inspect --debug-brk' is outdated and no longer recommended

Utilizing Locale to Rewrite URLs in Next.js Version 13

Guide on transferring object between two $states using ui-router

Tips for detecting when no checkboxes in a group are selected or when at least one checkbox is selected, and then applying a class to the corresponding div

Excess space at the bottom of the Heatmap chart in Highcharts

The issue of a non-functional grid with scroll in a flexbox

Creating a dynamic table accordion with PHP and MySQL