How to retrieve data from a nested object within a JSON array using JavaScript

Question

How to retrieve data from a nested object within a JSON array using JavaScript

When I use Logger.log(response.data.phone), the following data is displayed in my log:

[{label=work, primary=true, value=5558675309}, {label=work, value=6108287680, primary=false}, {value=6105516373, label=work, primary=false}]

My goal is to have the two phone numbers returned as 5558675309, 6108287680.

I have attempted

Logger.log(response.data.phone.value)

to no avail. Also, I have tried ...phone['value'] and ...phone[0].value, which does return the first phone number 5558675309. However, I would like it to return all value values whenever I input the phone key. How can I modify the logger to achieve this?

javascript arrays json google-apps-script

Answer 1

Answer №1

response.data.phone contains an array that can be iterated through using a loop:

Logger.log(response.data.phone.map(phone => phone.value).join(', '));

const response = {data: {phone : [{label:'work', primary:true, value:5558675309}, {label:'work', value:6108287680, primary:false}, {value:6105516373, label:'work', primary:false}] } }

const Logger = { log : console.log};

Logger.log(response.data.phone.map(phone => phone.value).join(', '));

Answer 2

response.data.phone contains an array that can be iterated through using a loop:

Logger.log(response.data.phone.map(phone => phone.value).join(', '));

const response = {data: {phone : [{label:'work', primary:true, value:5558675309}, {label:'work', value:6108287680, primary:false}, {value:6105516373, label:'work', primary:false}] } }

const Logger = { log : console.log};

Logger.log(response.data.phone.map(phone => phone.value).join(', '));

Answer 3

Answer №2

response.data is actually an array, but keep in mind that response.data.phone does not exist. To access the phone property of each element in the array, you need to use response.data[n].phone where n is an integer. This can easily be achieved using a forEach loop.

response.data.forEach((element) => Logger.log(element.phone.value));

If you require support for older browsers, you can use the older function syntax like this:

response.data.forEach(function(element){
    Logger.log(element.phone.value)
});

Answer 4

response.data is actually an array, but keep in mind that response.data.phone does not exist. To access the phone property of each element in the array, you need to use response.data[n].phone where n is an integer. This can easily be achieved using a forEach loop.

response.data.forEach((element) => Logger.log(element.phone.value));

If you require support for older browsers, you can use the older function syntax like this:

response.data.forEach(function(element){
    Logger.log(element.phone.value)
});

How to retrieve data from a nested object within a JSON array using JavaScript

Answer №1

Answer №2

Similar questions

When using ESLint together with React, you may encounter errors related to `no-unused-vars

`What is the process for converting a CURL command with a token into Swift?`

Submit a form using Ajax without having to reload the page

Reload the text content of a locally hosted webpage within an iframe at regular intervals

What is the correct way to invoke a function from an external JavaScript file using TypeScript?

When array elements are assigned to an object's attribute, they are not preserved

AngularJS - Swipe to update

Creating a sidebar navigation in HTML and CSS to easily navigate to specific sections on a webpage

Problem: Both select lists are moving all items

Understanding and Decoding Nested Arrays within JSON using Swift

Create a search preview in JavaScript that emphasizes key information and provides a condensed overview

Sending an array using PHP through AJAX in jQuery to a separate PHP script

Why isn't pagination typically positioned inside of a tbody element rather than before or after it?

What strategies can be employed to manage three conflicting versions of a single library within a Vite project?

The integration of PHP code with an HTML form is causing issues

Enhancing Sharepoint List with Multilingual Column Formatting

I aim to continuously refresh a dynamic canvas line chart with JSON data

Tips for implementing xpath in module.exports with mocha javascript

Jolt Spec - Assistance Required for Flattening an Array

Is it possible to implement the splice() method within a forEach loop in Vue for mutation