如何遍历 angular/Ionic 中的嵌套数组

Question

我一直在搜索，但我遇到的一切都是为了在 HTML 中循环，我需要在 .ts 中循环。

我有一个数组需要循环并检查输入的值是否与键匹配。如果是，则 return 数组中的值

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

我一直在尝试以下各种变体，但收效甚微。我可以打印密钥，但无法获取值 (site, path, link)

let pin = '1234';
Object.keys(data).forEach(key => {
    if(key == pin) {
        Object.keys(key).forEach(k => {
            // I'm trying to get something like k.url so I can store it
            console.log(k.url);
        });
    }
});

Answer 1

您只能使用一个循环来实现

const pin = '1234';
Object.keys(data).forEach(key => {
    if(key == pin) {
         console.log(data[key].url);
         console.log(data[key].site);
         console.log(data[key].path);
    }
});

Answer 2

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

const pin = '1234';

const properties = { ...data[pin] };

Object.values(properties).forEach(v => console.log(v));

// This will NOT throw an exception
// Using a non-existing key here
Object.values({...data['fake']}).forEach(v => console.log(v));

// This will throw an exception
// Using a non-existing key here
Object.values(data['fake']).forEach(v => console.log(v));

这会做你想做的并且只使用一个循环。我使用扩展语法来防止未定义。如果您查找的键不存在，将返回一个空数组。

如何遍历 angular/Ionic 中的嵌套数组

How do I loop through a nested array in angular/Ionic

javascript

ionic-framework

ionic3

angular