为什么对象值被推入数组 3 次？

Question

我有一个简单的对象数组，我将一个包含 2 个字段的对象推送到其中：bucketName 和 Date。问题是值被三次推入数组。请帮我。

JS:

sortBucket: function(bucketList) {
    var counter, j = 0;
    var str = "aws-billing-csv";
    console.log("Bucket List :: ", bucketList);

    bucketList.forEach(function(bucket, index) {
        (function(bucketId) {
            var bucketObj = {};
            // console.log("Bucket Id :: ",bucketId);
            s3Client.listObjects(params = {Bucket: bucketId }, function(err, data) {
                var csvBucketArr = [];
                if (err) {
                    document.getElementById('status').innerHTML = 'Could not load objects from ' + bucketID;
                }
                else{        
                    //console.log("Bucket Data "+index+" :: ",data);
                    data.Contents.forEach(function(content,contentIndex){
                        var fileKey = content.Key;
                        if(fileKey.search(str) != -1) {
                            // console.log("fileKey["+bucketId+"] "+contentIndex+" :: ",fileKey + "  Date :: " ,content.LastModified);
                            bucketObj[fileKey] = {
                                lastModified    : content.LastModified,
                                bucketName      : bucketId
                            }
                            if(!jQuery.isEmptyObject(bucketObj)){
                                csvBucketArr.push(bucketObj);
                            }
                        }
                    });
                    csv = csvBucketArr;
                  }
                  if(csvBucketArr.length!==0)
                      console.log("csvBucketArr :: ",csvBucketArr));
                  });
             }(bucket.bucketName));
            // console.log("Bucket " + index + " :: ", bucket);
          });
       },

Answer 1

您在每次迭代中将同一个对象推入数组：

data.Contents.forEach(function(content,contentIndex){...});

因此，随着 .forEach() 循环迭代的次数，您最终会将完全相同的 bucketObj 对象推入 csvBucketArr 数组。

如果您希望 .forEach() 的每次迭代都将一个新的和不同的 bucketObj 对象放入数组中，那么您需要在该循环中每次都创建一个新对象，如下所示：

sortBucket: function(bucketList) {
    var counter, j = 0;
    var str = "aws-billing-csv";
    console.log("Bucket List :: ", bucketList);

    bucketList.forEach(function(bucket, index) {
        (function(bucketId) {
            // console.log("Bucket Id :: ",bucketId);
            s3Client.listObjects(params = {Bucket: bucketId }, function(err, data) {
                var csvBucketArr = [];
                if (err) {
                    document.getElementById('status').innerHTML = 'Could not load objects from ' + bucketID;
                }
                else{        
                    //console.log("Bucket Data "+index+" :: ",data);
                    data.Contents.forEach(function(content,contentIndex){
                        // ===> create new bucketObj object
                        var bucketObj = {};
                        var fileKey = content.Key;
                        if(fileKey.search(str) != -1) {
                            // console.log("fileKey["+bucketId+"] "+contentIndex+" :: ",fileKey + "  Date :: " ,content.LastModified);
                            bucketObj[fileKey] = {
                                lastModified    : content.LastModified,
                                bucketName      : bucketId
                            }
                            if(!jQuery.isEmptyObject(bucketObj)){
                                csvBucketArr.push(bucketObj);
                            }
                        }
                    });
                    csv = csvBucketArr;
                  }
                  if(csvBucketArr.length!==0)
                      console.log("csvBucketArr :: ",csvBucketArr));
                  });
             }(bucket.bucketName));
            // console.log("Bucket " + index + " :: ", bucket);
          });
       },

为什么对象值被推入数组 3 次？

Why are the object values getting pushed into the array 3 times?

javascript

arrays

jquery

amazon-s3