Как вызвать функцию и передать переменную?

Question

Я сделал функцию, которая перебирает массив 'медведей' и регистрирует все имена. Как мне вызвать bearFunction, а затем передать переменную 'bears' из A), чтобы я мог установить для внутреннего HTML значение <p>A paragraph about bears</p> для возвращаемого значения функции в C)?

A)
const bears = [
    {
      name: "Steve",
      age: 25
    },
    {
      name: "Bob"
    },
    {
      name: "Peter",
      age: 6
    }
  ];

B)
function bearFunction(bearArray) {
    let bearDetails;
    for (let i = 0; i < bearArray.length; i++) {
      const bearNames = "<h2>" + bearArray[i].name + "</h2>";
      console.log(bearNames);
    }
  }
  bearFunction(bears);

C)
 bearFunction(bears);

Answer 1

Итак, во-первых, C потребуется другое имя: theOtherBearFunction(bear), и вы сможете просто передать ему этот предмет в течение l oop. Что-то вроде:

for (let i = 0; i < bearArray.length; i++) {
      const catNames = "<h2>" + bearArray[i].name + "</h2>";
      console.log(bearNames);
      theOtherBearFunction(bearArray[i].name);
    }

Добро пожаловать в stackoverflow!

Answer 2

Добро пожаловать в переполнение стека. Во-первых, ваш письменный вопрос отличается от вашего примера кода. map () - это новый, более продвинутый, более лаконичный способ сделать что-то для всех элементов массива. (Разумно сначала выучить для l oop).

const bears = [
    {
      name: "Steve",
      age: 25
    },
    {
      name: "Bob"
    },
    {
      name: "Peter",
      age: 6
    }
];

let catNames = bears.map(bear => `<p>${bear.name}</p>`);

console.log(catNames);