Foreach陣列

我有一個像這樣填充的陣列

var list = [];

featureLayer.queryFeatures(querySnTR)
            .then((result) => {
                                
                   result.attachmentInfos.forEach((x) => {
                   list.push(uriString   "/"   x.id);
                  });
                });
console.log("list", list);

我列印出listwithconsole.log并在里面回傳值。

之后我foreach會遍歷里面的所有元素并為每個元素創建一個div。問題是，它甚至沒有進入foreach函式。

list.forEach((x) => {
    console.log("CL", list);
    console.log("x element", x);

    var image = document.createElement("img");
    image.src = x;
    image.className = "queryImg";
    document.getElementById("queryResults").appendChild(image);
  });

它不會列印出來CL或x element就此而言。關于為什么的任何想法？

完整的原始代碼，供參考

startup: function () {

                var _that = this;
                _this = _that;

                this.map.on("click", function (e) {
                    _this.map.graphics.clear();

                    identifyTask = new IdentifyTask("https://server/arcgis/rest/services/MUNICIPALITY_BUNDLE/ZK_KATASTAR_NA_ZELENILO/MapServer");

                    identifyParams = new IdentifyParameters();
                    identifyParams.tolerance = 10;
                    identifyParams.returnGeometry = true;
                    identifyParams.layerIds = [1];
                    identifyParams.layerOption = IdentifyParameters.LAYER_OPTION_ALL;
                    identifyParams.width = _this.map.width;
                    identifyParams.height = _this.map.height;
                    identifyParams.spatialReference = _this.map.spatialReference;

                    identifyParams.geometry = e.mapPoint;
                    identifyParams.mapExtent = _this.map.extent;

                    identifyTask.execute(identifyParams).then(function (data) {
                        objId = data[0].feature.attributes.objectid;

                        const querySnTR = {
                            where: "1 = 1",
                            outFields: ["*"]
                        };

                        var uriString = "https://server/arcgis/rest/services/MUNICIPALITY_BUNDLE/ZK_KATASTAR_NA_ZELENILO/MapServer/101/"   objId   "/attachments";
                        var featureLayer = new esri.layers.FeatureLayer(uriString);

                        featureLayer.queryFeatures(querySnTR)
                            .then((result) => {

                                result.attachmentInfos.forEach((x) => {
                                    list.push(uriString   "/"   x.id);
                                });
                            });

                        const myFunction = async () => {
                            const { attachmentInfos } = await featureLayer.queryFeatures(querySnTR);
                            const list = attachmentInfos.map(({ id }) => `${uriString}/${id}`);
                            console.log("list", list);
                            list.forEach((x) => {
                                var image = document.createElement("img");
                                image.src = x;
                                image.className = "queryImg";
                                document.getElementById("queryResults").appendChild(image);
                            });
                        };
                    });
                });
            }

uj5u.com熱心網友回復：

這是控制臺如何作業的一個技巧。當您執行日志時，串列為空（100% 肯定），因為您正在異步填充它。但是控制臺有它的參考，它會在之后列印它。這就是為什么你的串列是空的。你需要在這里處理異步。您可以使用 async/await 方法或使用 Promise，這將取決于您的其余代碼，這是如何使用 async 函式（并將其重寫為現代 javascript）的示例：

const myFunction = async () => {
  const {attachmentInfos} = await featureLayer.queryFeatures(querySnTR);
  const list = attachmentInfos.map(({id}) => `${uriString}/${id}`);
  console.log("list", list);
  list.forEach((x) => {
    // put your code here
  });
};

編輯：現在您共享所有代碼，您可以簡單地執行以下操作：

featureLayer.queryFeatures(querySnTR)
  .then((result) => {                              
      result.attachmentInfos.forEach((attachmentInfo) => {
        var x = uriString   "/"   attachmentInfo.id
        var image = document.createElement("img");
        image.src = x;
        image.className = "queryImg";
        document.getElementById("queryResults").appendChild(image);
     });
});

我建議你也給 vars 賦予有意義的名字，not xbutattachmentInfo等......

標籤：javascript 前锋

上一篇：過濾物件陣列JavaScript中的相似名稱

下一篇：使用正則運算式將字串文本替換為html標記