JavaScript - 无法正确访问对象内的属性

Question

我有以下代码:

function getObjects(name, data) {
    return data.filter(function(d) {
        return name.title == d.title;
    }).map(function(d) {
        return {
            "title": d.title,
            "sort": d.sort[0],
            "direction": d.sort[1],
            "columns": d.columns
        }
    });
};
var objectMatch = getObjects(searchName, searchObjects);
console.log("------match------");
console.log(objectMatch);

当我将 objectMatch 打印到控制台时，我得到以下输出:

[ { title: 'Convene LinkedIn Import - True',
sort: '_type',
direction: 'asc',
columns: [ 'm-Form Factor_s', '_type', 'm-Identity_s' ] } ]

我正在尝试访问该对象内的属性，但是当尝试按以下方式引用它们时，我总是遇到未定义的情况:

var title = objectMatch.title;

引用 objectMatch 变量内部属性的正确方法是什么？

Answer 1

map() 返回一个数组，因此您必须执行以下操作:

var title = objectMatch[0].title;

如果您的 getObjects 函数将/不应该返回多个项目，我会将您的函数更改为:

function getObjects(name, data) {
    return data.filter(function(d) {
        return name.title == d.title;
    }).map(function(d) {
        return {
            "title": d.title,
            "sort": d.sort[0],
            "direction": d.sort[1],
            "columns": d.columns
        }
    })[0];
};

然后您就可以像以前一样访问该标题。