Javascript- Retrieving information from an array containing various objects

Question

Javascript- Retrieving information from an array containing various objects

Struggling with extracting data from another object.

The information provided is not in English, but that shouldn't be an issue.

[
  {
    productName: 'Data Sharer',
    itemNumber: 'TESZOR 61.20.42',
    unit: 'month',
    quantity: 1,
    netUnitPrice: '543.30',
    netPrice: '543.30',
    vatRate: 5,
    vatValue: '27.16',
    grossPrice: '570.46',
    id: 1,
  },
  // more data arrays...
];

The problem arises when attempting to extract the data under "productName"

[  "Data Sharer",  null,  null,  "Car Card" ]

I suspect the issue lies within the nested array causing unexpected "null" values, but I have been unable to resolve it after multiple attempts.

Any assistance would be greatly appreciated!

javascript arrays object google-apps-script

Answer 1

Answer №1

Flat as a Pancake

In case you're not interested in preserving the nested arrays, don't worry! You can flatten out the outer array using Array#flat() and then apply a map() function to extract the desired property.

const input = [{ termeknev: 'Adatmegosztó', besorszam: 'TESZOR 61.20.42', mennyegys: 'hó', menny: 1, nettoegysegar: '543,30', nettoar: '543,30', afakulcs: 5, afaertek: '27,16', bruttoar: '570,46', id: 1, }, ...];

const termeknevFlat = input.flat().map(({ termeknev }) => termeknev);
console.log('Flat as a Pancake:', termeknevFlat);

Nested (known Depth)

If you fancy maintaining the nested arrays with a known depth of only 2 levels, you can hop on board with nested map() calls.

const input = [{ termeknev: 'Adatmegosztó', besorszam: 'TESZOR 61.20.42', mennyegys: 'hó', menny: 1, nettoegysegar: '543,30', nettoar: '543,30', afakulcs: 5, afaertek: '27,16', bruttoar: '570,46', id: 1, }, ...];

const termeknevNested = input.map(o =>
  Array.isArray(o)
    ? o.map(({ termeknev }) => termeknev)
    : o.termeknev
);
console.log('\nNested (known Depth):', termeknevNested);

The Never-Ending Story (Arbitrary Depth)

If the nesting plunges into infinite depths, fear not! Craft a recursive map function that embraces callbacks like an old friend.

const input = [{ termeknev: 'Adatmegosztó', besorszam: 'TESZOR 61.20.42', mennyegys: 'hó', menny: 1, nettoegysegar: '543,30', nettoar: '543,30', afakulcs: 5, afaertek: '27,16', bruttoar: '570,46', id: 1, }, ...];

const recursiveMap = (arr, cb) =>
  arr.map((obj, i, _arr) =>
    Array.isArray(obj)
      ? recursiveMap(obj, cb)
      : cb(obj, i, _arr)
  )

const termeknevRecursive = recursiveMap(input, ({ termeknev }) => termeknev);
console.log('\nThe Never-Ending Story (Arbitrary Depth):', termeknevRecursive);

Answer 2

Flat as a Pancake

In case you're not interested in preserving the nested arrays, don't worry! You can flatten out the outer array using Array#flat() and then apply a map() function to extract the desired property.

const input = [{ termeknev: 'Adatmegosztó', besorszam: 'TESZOR 61.20.42', mennyegys: 'hó', menny: 1, nettoegysegar: '543,30', nettoar: '543,30', afakulcs: 5, afaertek: '27,16', bruttoar: '570,46', id: 1, }, ...];

const termeknevFlat = input.flat().map(({ termeknev }) => termeknev);
console.log('Flat as a Pancake:', termeknevFlat);

Nested (known Depth)

If you fancy maintaining the nested arrays with a known depth of only 2 levels, you can hop on board with nested map() calls.

const input = [{ termeknev: 'Adatmegosztó', besorszam: 'TESZOR 61.20.42', mennyegys: 'hó', menny: 1, nettoegysegar: '543,30', nettoar: '543,30', afakulcs: 5, afaertek: '27,16', bruttoar: '570,46', id: 1, }, ...];

const termeknevNested = input.map(o =>
  Array.isArray(o)
    ? o.map(({ termeknev }) => termeknev)
    : o.termeknev
);
console.log('\nNested (known Depth):', termeknevNested);

The Never-Ending Story (Arbitrary Depth)

If the nesting plunges into infinite depths, fear not! Craft a recursive map function that embraces callbacks like an old friend.

const input = [{ termeknev: 'Adatmegosztó', besorszam: 'TESZOR 61.20.42', mennyegys: 'hó', menny: 1, nettoegysegar: '543,30', nettoar: '543,30', afakulcs: 5, afaertek: '27,16', bruttoar: '570,46', id: 1, }, ...];

const recursiveMap = (arr, cb) =>
  arr.map((obj, i, _arr) =>
    Array.isArray(obj)
      ? recursiveMap(obj, cb)
      : cb(obj, i, _arr)
  )

const termeknevRecursive = recursiveMap(input, ({ termeknev }) => termeknev);
console.log('\nThe Never-Ending Story (Arbitrary Depth):', termeknevRecursive);

Answer 3

Answer №2

In the dataset, the second and third elements are of type array rather than object.

Therefore, if you attempt to retrieve the value using data[1].termeknev, it will return null because there is no property termeknev in data[1]. Instead, you should access it as data[1][0].termeknev.

When iterating through the data array, make sure to verify in each iteration whether the element is of type array. If it is, you will need to iterate through that nested array to obtain the actual values.

Answer 4

In the dataset, the second and third elements are of type array rather than object.

Therefore, if you attempt to retrieve the value using data[1].termeknev, it will return null because there is no property termeknev in data[1]. Instead, you should access it as data[1][0].termeknev.

When iterating through the data array, make sure to verify in each iteration whether the element is of type array. If it is, you will need to iterate through that nested array to obtain the actual values.

Javascript- Retrieving information from an array containing various objects

Answer №1

Flat as a Pancake

Nested (known Depth)

The Never-Ending Story (Arbitrary Depth)

Answer №2

Similar questions

Encountering a TypeError while trying to run Pythonshell on my Mac device

I am facing difficulty accessing the "All" drop-down menu on the Amazon.ca webpage using Selenium WebDriver in Java

No text appearing on iOS simulator when typing

How can I pass a value from JavaScript back to the .blade file in Laravel using DataTables?

Issue with Refreshing onRowAdd in React Material Table

Showing a pop-up on a click of a dynamically created table row, showcasing information specific to that row

What is the best way to place a popover above a selected text section?

Is the validity of the expression !args.value || args.value.length true?

Asking for a website link to utilize when sending a request in Node.js

Pass JS POST request data as body parameters

What is the best way to programmatically close a bootstrap modal?

Utilizing jQuery to trigger events on nested elements

Searching through all objects in an array by specifying a field set in JavaScript

Converting an rrule date value from an array to a customized string format

Filter a Vue table by column name with specific conditions

Having trouble updating button text with javascript

The Django project does not contain any JS script

Sharing JSON data between components securely without displaying it in the URL through routing

Clicking on an AJAX-retrieved element is not possible

Html.BeginForm does not offer onBegin or onComplete methods similar to Ajax.BeginForm