Как вернуть данные массива из цикла foreach в Angular

Я перебираю вложенный объект, чтобы получить некоторые данные. Это работает, но я не могу вернуть данные и использовать их в другом месте.

Я попытался поместить цикл в обещание и тоже ничего не смог получить. Что я делаю неправильно?

data: any = {
    '1234': {
        url: 'https://example1.com/',
        path: 'uploads',
        link: 'https://example1.com/uploads',
    },
    '5678': {
        url: 'https://example2.com/',
        path: 'uploads',
        link: 'https://example2.com/uploads',
    }
}


onSubmit(formData) {

    this.formdata = formData;

    Object.keys(this.data).forEach(key => {
        if (key == this.formdata.pin) {
            const url = this.data[key].url;
            // have also tried this.url to no avail
        }
    });

    // says undefined
    console.info(url);

    // set up headers, etc...

    // I need to use here
    this.http.post(url, body, head)
    ...
}

используйте карту() вместо forEach()

— 29.05.2019 00:10

url не определено в приведенном выше примере, поскольку его объем ограничен.

— 29.05.2019 00:22

javascript angular ionic-framework ionic3

29.05.2019 00:10

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

653

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

onSubmit(formData) {

this.formdata = formData;
let url; // Define here so that its accessible
Object.keys(this.data).forEach(key => {
    if (key === this.formdata.pin) {
         url = this.data[key].url;
        // have also tried this.url to no avail
    }
});

// Now url is in scope
console.info(url);

    ...
}

Это решение перемещает url в область блока onSubmit и, следовательно, может быть использовано/доступно в вашем выражении console.info.

— 29.05.2019 00:22

29.05.2019 00:13

Переключение вашего forEach на map может упростить это; map возвращает значения, а forEach нет.

Старый:

Object.keys(this.data).forEach(key => {
    if (key == this.formdata.pin) {
        const url = this.data[key].url;
    }
});

// says undefined
console.info(url);

Новое: (я также добавил сюда === на основании комментария ниже)

const urls = Object.keys(this.data).map(key => {
    if (key === this.formdata.pin) {
        return this.data[key].url;
        // have also tried this.url to no avail
    }
});

console.info(urls);

документы карты и forEach документы

Лучше использовать ===, чем ==

— 29.05.2019 00:36

29.05.2019 00:24