jQueryのautocompleteでvalueが空ではないjsonデータのみをサジェスト対象にしたいです。

前提・実現したいこと

jQueryでサジェスト機能を実装しています。
現在は、valueが空でもサジェストの候補として表示されるのですが、こちらをvalueに値があるもののみをサジェストの候補として表示したいです。

発生している問題・エラーメッセージ

全てのデータがサジェスト対象となる。

該当のソースコード

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <title>Document</title>

</head>
<body>
    <p><input type="text" id="ac1"></p>

    <script>
      $(function(){
        var json = [];
          let hostUrl = "http://localhost:3000/hits/";
          $(function() {
                  $.ajax({
                      url: hostUrl,
                      type: "GET",
                      cache: false,
                      dataType: "json"
                  }).done(function(data){
                    json = data;
                    const suggest = json.map((x) => {      
                      return {'label' : x.itemName.toString() , 'value' :x.itemCode.toString()};
                    });
                    console.log(suggest);
                    $('#ac1').autocomplete({
                      source: suggest,
                    });
              });
  

      })
    })
    </script>
</body>
</html>

試したこと

以下のようにif文を入れましたが同じ結果になりました。。

if(data.itemCode !== ""){
                      const suggest = json.map((x) => {      
                        return {'label' : x.itemName.toString() , 'value' :x.itemCode.toString()};
                      });
                      console.log(suggest);

                    }

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

map()の前か後で空のものを除外するようにfilter()すれば良さそうです。

投稿2021/04/12 04:09

int32_t

総合スコア21695

tanakamaro

2021/04/12 05:32

ありがとうございます！ const arr = json.filter(function(value){ return value.itemCode !== ""; }); const suggest = arr.map((x) => { return {'label' : x.itemName.toString() , 'value' :x.itemCode.toString()}; }); で実装出来たのですが、mapとfilterを分けずに同じ行で書くことは可能でしょうか？