ES6 iterate содержит const

Может кто-нибудь объяснить, почему я получаю ошибку в этом коде? Кстати, я все еще новичок в es6, спасибо

selData.map((item,idx)=>({ 

        const TargetItem = aclEntries.findIndex(rec=>rec.stakeholder_id===item.value)          

        console.info(TargetItem)  



        }))    

Удалите ( перед функциональным блоком, иначе он будет проанализирован как объект (что не удастся) (то же самое после конца блока)

CertainPerformance 19.11.2018 05:30

Также следует отметить, что вы используете .map и в настоящее время возвращаете undefined (без явного возврата) для каждого элемента, что приведет к новому массиву, полностью заполненному undefined. Итак, что бы вы ни пытались сделать, если вы не планируете возвращать новый массив, возможно, forEach будет лучшим выбором. В противном случае не забывайте возвращать желаемые вещи из каждого товара.

Ben Steward 19.11.2018 05:49
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
55
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Функции ES6 можно записать несколькими способами.

// If you have more than 1 param, you have to wrap them with `()`
const functionName = (param1, param2) => { return console.info(param1, param2); }

// If you're just returning a value, you can omit the `{}`
const functionName = (param1, param2) => console.info(param1, param2);

// If you only have 1 param, you can omit the `()` around the params
const functionName = param1 => console.info(param);

Я добавил еще один пример в код ниже, .find(), который даст вам результаты aclEntries, а не только позицию индекса.

Кроме того, я использую forEach вместо map, поскольку map создает новый массив, и вы не назначаете возвращаемое значение map переменной для дальнейшего использования.

const aclEntries = [
  { stakeholder_id: '1234', taco: 'cat' }
];
const selData = [
  { value: '1234' }
];

selData.forEach((item) => {
  const TargetItemIndex = aclEntries.findIndex(rec => rec.stakeholder_id === item.value);
  const TargetItemContent = aclEntries.find(rec => rec.stakeholder_id === item.value);
  
  console.info('index', TargetItemIndex);
  console.info('content', TargetItemContent);
})

Другие вопросы по теме