What is a more streamlined approach to creating a series of methods and functions that alter a single variable consecutively?

Question

What is a more streamlined approach to creating a series of methods and functions that alter a single variable consecutively?

My JavaScript project involves handling sub-arrays within a long data file that cannot be altered. The data, stored in a variable named data, is retrieved via a script tag with a specified URL property. I need to extract and modify specific sub-arrays from this data but without changing the overall structure of the data itself, which is not entirely JSON-like.

In the code snippet below, I demonstrate the process of extracting "Yes" responses from "Question_5" of a survey and storing them in an array called q5_yes. While the existing code accomplishes this task, I am interested in optimizing it for efficiency and reusability since I will be performing similar operations frequently in the future.

To streamline the process, I have devised a function that encapsulates the steps required to retrieve the desired values for any given question and answer combination. By using this function, I can avoid duplicating code and simplify the extraction process for different data entries.

The function, named getQuestion, iterates through the data structure to find the specified question and answer pairs, filters out any undefined values, removes unnecessary entries, and flattens the resulting arrays for easy access.

For example, by calling getQuestion('Question_5', 'Yes'), I can efficiently extract the "Yes" responses for "Question_5" and store them in a new variable for further processing.

javascript arrays function variables methods

Answer 1

Answer №1

To ensure the desired mapping is at the 0th index of each array within the given problem context, follow these steps:

var data = {
  "reSEQ": [{
    "Entry_1": "Nov-2015",
    "Question_5": [{
        "Yes": 30
      },
      {
        "No": 5
      },
      {
        "Not Sure": 13
      },
      {
        "Total": 48
      }
    ],
    "Question_6": [{
        "Yes": 30
      },
      {
        "No": 5
      },
      {
        "Not Sure": 13
      },
      {
        "Total": 48
      }
    ]
  }]
};

var q5_yes = data.reSEQ[0].Question_5[0].Yes;

document.getElementById("foo").innerHTML = q5_yes;

<div id="foo">test</div>

Answer 2

To ensure the desired mapping is at the 0th index of each array within the given problem context, follow these steps:

var data = {
  "reSEQ": [{
    "Entry_1": "Nov-2015",
    "Question_5": [{
        "Yes": 30
      },
      {
        "No": 5
      },
      {
        "Not Sure": 13
      },
      {
        "Total": 48
      }
    ],
    "Question_6": [{
        "Yes": 30
      },
      {
        "No": 5
      },
      {
        "Not Sure": 13
      },
      {
        "Total": 48
      }
    ]
  }]
};

var q5_yes = data.reSEQ[0].Question_5[0].Yes;

document.getElementById("foo").innerHTML = q5_yes;

<div id="foo">test</div>

Answer 3

Answer №2

function fetchAnswers(question, answer){
var arrayContent = data.reSEQ.map(function(element) {
return element[question].map(function(el) {
return el[answer];
});
});
arrayContent = arrayContent.map(function(subarray) {
return subarray.filter(function(value) {
return value !== undefined;
});
});
arrayContent = arrayContent.splice(0, arrayContent.length - 2); //remove current & lifetime entries
arrayContent = [].concat.apply([], arrayContent);

return arrayContent
}

var q5Values = fetchAnswers('Question_5', 'Yes') // retrieve the desired values as an array

Answer 4

function fetchAnswers(question, answer){
var arrayContent = data.reSEQ.map(function(element) {
return element[question].map(function(el) {
return el[answer];
});
});
arrayContent = arrayContent.map(function(subarray) {
return subarray.filter(function(value) {
return value !== undefined;
});
});
arrayContent = arrayContent.splice(0, arrayContent.length - 2); //remove current & lifetime entries
arrayContent = [].concat.apply([], arrayContent);

return arrayContent
}

var q5Values = fetchAnswers('Question_5', 'Yes') // retrieve the desired values as an array

What is a more streamlined approach to creating a series of methods and functions that alter a single variable consecutively?

Answer №1

Answer №2

Similar questions

Issues arise when attempting to make a SOAP request in NodeJS, as opposed to PHP where it functions seamlessly

Crack open a JSON object

Is it possible for the 'error' attribute to be deemed invalid or inappropriate within ajax?

The function getStaticPaths() will generate a 404 error, indicating that the page

Using JavaScript for Text Processing on Disk

Parsing a JSON array using Moment.js within a subscription function

Approach for fetching these JSON records

Issues with Google maps are causing multiple maps to malfunction

Explanation of TypeScript typings for JavaScript libraries API

Developing unit tests for a module responsible for generating Json REST services

getStaticProps function in Next.js fails to execute

Failure to retrieve blob - net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)

Performing an AJAX request to the database when a change occurs, prior to submitting the

Capturing Data from Tables and Saving it with Protractor

Unable to successfully update DIV content in JavaScript due to incorrect file path specified

Upon attempting to fetch input by name, Puppeteer reported the error message: 'Node is not clickable or not an HTMLElement'

Trouble with highlighting the chosen menu item

Take a sequence of multiple words and combine them into a single string with hyphens in between

"Utilizing ng class with an array of objects: A step-by-step guide

Guide to Dynamically Including an Element in an Array using Typescript