javascript - ES6 解构对象数组

Question

我有这个对象

const config = {
    js: {
        files: [
            {
                src: './js/app.js',
                name: 'script.js',
                dest: 'public_html/js/'
            },
            {
                src: './js/admin.js',
                name: 'script.js',
                dest: 'public_html/js/'
            }
        ]
    }
};

我想得到这个(获得所有来源):

sources = ['./js/app.js', './js/admin.js']

// or, at least
sources = [{'./js/app.js'}]

我知道如何用循环来做，但我可以用 ES6 解构来做吗？

类似于:

{sources = [{src}]} = config.js;

或

{[{src}] : sources} = config.js;

Answer 1

解构不适用于这种情况。只需使用 map() 即可轻松完成工作。

const config = {
    js: {
        files: [
            {
                src: './js/app.js',
                name: 'script.js',
                dest: 'public_html/js/'
            },
            {
                src: './js/admin.js',
                name: 'script.js',
                dest: 'public_html/js/'
            }
        ]
    }
};

console.log(config.js.files.map(x => x.src));