Is it possible to iterate over an array and invoke a function at the same time?

Question

Is it possible to iterate over an array and invoke a function at the same time?

const students = ['John', 'Mark'];
const weight = [92, 85]
const height = [1.88, 1.76]

function yourBodyMass(name, funct, mass, height) {
  console.log(`${name}, your body mass index is ${funct(mass, height)}.`)
}

function calculateBMI(mass, height) {
 const BMI = mass / height ** 2;
  return BMI;
}

function loopStudents() {
 for (let i of students) {
  return yourBodyMass(students[i], calculateBMI)
 }
}

Is it possible to loop through the students array without having to declare the yourBodyMass function repeatedly? Please let me know.

javascript

Answer 1

Answer №1

Your code seems a bit messy. Here is a suggested improvement:

const students = ['John', 'Mark'];
const weight = [92, 85]
const height = [1.88, 1.76]

function calculateBodyMassIndex(studentName, func, mass, height) {
    console.log(studentName + ' your BMI is ' + func(mass, height));
}

function getBMI(mass, height) {
    const BMI = mass / height ** 2;
    return BMI;
}

function loopData() {
    for (var i = 0; i < students.length; i += 1) {
        calculateBodyMassIndex(students[i], getBMI, weight[i], height[i]);
    }
}

If it were me, I would simplify the code by removing the calculateBodyMassIndex function, like so:

const students = ['John', 'Mark'];
const weight = [92, 85]
const height = [1.88, 1.76]

function calculateBMI(weight, height) {
    return weight / height ** 2;
}

function loopData() {
    for (var i = 0; i < students.length; i += 1) {
        let BMI = calculateBMI(weight[i], height[i]);
        console.log(students[i] + ' your BMI is ' + BMI);
    }
}

Note that I changed the function name from bodyMass to calculateBMI for better clarity and cleaner code.

Answer 2

Your code seems a bit messy. Here is a suggested improvement:

const students = ['John', 'Mark'];
const weight = [92, 85]
const height = [1.88, 1.76]

function calculateBodyMassIndex(studentName, func, mass, height) {
    console.log(studentName + ' your BMI is ' + func(mass, height));
}

function getBMI(mass, height) {
    const BMI = mass / height ** 2;
    return BMI;
}

function loopData() {
    for (var i = 0; i < students.length; i += 1) {
        calculateBodyMassIndex(students[i], getBMI, weight[i], height[i]);
    }
}

If it were me, I would simplify the code by removing the calculateBodyMassIndex function, like so:

const students = ['John', 'Mark'];
const weight = [92, 85]
const height = [1.88, 1.76]

function calculateBMI(weight, height) {
    return weight / height ** 2;
}

function loopData() {
    for (var i = 0; i < students.length; i += 1) {
        let BMI = calculateBMI(weight[i], height[i]);
        console.log(students[i] + ' your BMI is ' + BMI);
    }
}

Note that I changed the function name from bodyMass to calculateBMI for better clarity and cleaner code.

Answer 3

Answer №2

Expanding on the response from @vanowm, it is advisable to organize a collection of student data with attributes like name, weight, and height into individual student objects or instances within an array structure. This can be achieved in a straightforward manner:

const students = [
   { name: 'John', weight: 92, height: 1.88},
   { name: 'Mark', weight: 85, height: 1.76},
];

Subsequently, one can iterate over the array using a forEach loop:

students.forEach(student => {
   yourBodyMass(student.name, bodyMass, student.weight, student.height)
});

const students = [{
  name: 'John',
  weight: 92,
  height: 1.88
}, {
  name: 'Mark',
  weight: 85,
  height: 1.76
}];

function yourBodyMass(name, funct, mass, height) {
  console.log(`${name} your BMI is ${funct(mass, height)}.`)
}

function bodyMass(mass, height) {
  const BMI = mass / height ** 2;
  return BMI;
}

students.forEach((student) => {
      yourBodyMass(student.name, bodyMass, student.weight, student.height)
    })

Answer 4

Expanding on the response from @vanowm, it is advisable to organize a collection of student data with attributes like name, weight, and height into individual student objects or instances within an array structure. This can be achieved in a straightforward manner:

const students = [
   { name: 'John', weight: 92, height: 1.88},
   { name: 'Mark', weight: 85, height: 1.76},
];

Subsequently, one can iterate over the array using a forEach loop:

students.forEach(student => {
   yourBodyMass(student.name, bodyMass, student.weight, student.height)
});

const students = [{
  name: 'John',
  weight: 92,
  height: 1.88
}, {
  name: 'Mark',
  weight: 85,
  height: 1.76
}];

function yourBodyMass(name, funct, mass, height) {
  console.log(`${name} your BMI is ${funct(mass, height)}.`)
}

function bodyMass(mass, height) {
  const BMI = mass / height ** 2;
  return BMI;
}

students.forEach((student) => {
      yourBodyMass(student.name, bodyMass, student.weight, student.height)
    })

Answer 5

Answer №3

Here are four issues identified in your code:

The return statement will stop the loop and exit the function after processing the first item in the array
The function yourBodymass() should actually be written as youBodyMass() with a capital letter (note the missing capital letter)
When using of in the for loop, the variable i will represent the value from the array, not the index
You have failed to pass the necessary weight and height data into the yourBodyMass function

Please attempt to address these issues independently without referring to the solution.

const students = ['John', 'Mark'];
const weight = [92, 85]
const height = [1.88, 1.76]

function yourBodyMass(name, funct, mass, height) {
  console.log(`${name} your BMI is ${funct(mass, height)}.`)
}

function bodyMass(mass, height) {
 const BMI = mass / height ** 2;
  return BMI;
}

function loopData() {
 for (let i = 0; i < students.length; i++) {
  yourBodyMass(students[i], bodyMass, weight[i], height[i])
 }
}

loopData()

Answer 6

Here are four issues identified in your code:

The return statement will stop the loop and exit the function after processing the first item in the array
The function yourBodymass() should actually be written as youBodyMass() with a capital letter (note the missing capital letter)
When using of in the for loop, the variable i will represent the value from the array, not the index
You have failed to pass the necessary weight and height data into the yourBodyMass function

Please attempt to address these issues independently without referring to the solution.

const students = ['John', 'Mark'];
const weight = [92, 85]
const height = [1.88, 1.76]

function yourBodyMass(name, funct, mass, height) {
  console.log(`${name} your BMI is ${funct(mass, height)}.`)
}

function bodyMass(mass, height) {
 const BMI = mass / height ** 2;
  return BMI;
}

function loopData() {
 for (let i = 0; i < students.length; i++) {
  yourBodyMass(students[i], bodyMass, weight[i], height[i])
 }
}

loopData()

Is it possible to iterate over an array and invoke a function at the same time?

Answer №1

Answer №2

Answer №3

Similar questions

JavaScript: unable to locate information within JSON reply

Transitioning from webpack to vite with Vue.js for a Chrome extension development project

Are these two sections of my code distinctive in functionality? Do they both address potential errors in the same manner?

Maintaining a security token across multiple requests

Is it possible for the controller of a modal window to have access to functions within the parent controller

Stopping setTimeout when leaving the current page: Is it possible?

Difficulty in defining the header while using the submit hook in Remix 1.15

Leveraging Vue 2.0 and webpack to integrate components from an npm package

What is the best way to incorporate images from an external module into my React project?

What is the best way to choose dropdown values by utilizing various button IDs?

Manipulating the InnerHTML content of a total of 144 individual cells

Modify the BehaviorSubject upon clicking or focusing on the input

React DataGrid fails to refresh when state changes

Exploring Iconography in Amcharts

Combine rows with the same value in the first column of an HTML table

What is the best way to change routes within my React application?

The AJAX function failed to trigger another JavaScript function after successfully completing its task

Error encountered: No geographic indices found for executing a geoNear operation with Mongoose

Issue with IE preventing Selenium from triggering Onchange event and causing page to fail to Postback

Include the await keyword within the .then block