javascript - jQuery-ui自动完成下拉菜单中的两个字段

我有一个像这样的对象：

[{
  "suburbName": "ABBOTSBURY",
  "postCode": "2176",
  "state": "NSW",
  "country": "AU"
}, {
  "suburbName": "ABBOTSFORD",
  "postCode": "2046",
  "state": "NSW",
  "country": "AU"
}, {
  "suburbName": "ACACIA GARDENS",
  "postCode": "2763",
  "state": "NSW",
  "country": "AU"
}/*, etc */]

可能有一些具有相同郊区名称但不同邮政编码和州的郊区。

我想以某种方式在自动完成下拉列表中将bournName和邮政编码结合在一起，方法是只创建一个包含郊区和邮政编码的字符串的新数组，或者对源使用某些特殊功能。

您认为解决此问题的最佳方法是什么？

最佳答案

source需要一个数组，因此可以使用map：

$(myElement).autocomplete({
    source: dataArray.map(function(val) {
        return val.suburbName + " " + val.postCode;
    })
});