jQuery-ui自動完成下拉菜單中的兩個字段

Question

我有一個像這樣的對象：

[{
  "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 */]

可能有一些具有相同郊區名稱但不同郵政編碼和州的郊區。

我想在自動完成下拉菜單中以某種方式將近郊名稱和郵政編碼結合在一起，方法是僅使用包含近郊和郵政編碼的字符串創建一個新數組，或者對源使用一些特殊功能。

您認為最好的方式是什么？

Answer 1

source需要一個數組，因此可以使用map ：

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