时间戳

首页 > 解决方案 > 最后一项被推送到数组（Javascript）

javascript - 最后一项被推送到数组（Javascript）

问题描述

嗨，我的项目中有以下代码。问题是最后一个项目被推送到一个数组而不是每个项目。

JS函数

function getArrayObjForKeys(keys, source, desiredKeys) {
  let arrayObj = [],
    obj = {};
  source.forEach(function(val, ind) {
    keys.forEach(function(v, i) {
      (function(v) {
        if (val.hasOwnProperty(v)) {
          let desKey = desiredKeys[i];
          obj[desKey] = val[v];
        }
      }).call(this, v);
    });
    arrayObj.push(obj);
  });
  return arrayObj;
}

// Invoking function as below
// **************************

var source = [{
  'country': 'USA',
  'descr': 'United States'
}, {
  'country': 'UK',
  'descr': 'United Kingdom'
}];
var countryList = getArrayObjForKeys(['country', 'descr'], source, ['value', 'label']);
console.info(countryList);

期望的输出

[{'value':'USA','label':'United States'},{'value':'UK','label':'United Kingdom'}]

普朗克

https://next.plnkr.co/edit/3SKbaJo9r5QX8hex?open=lib%2Fscript.js

标签： javascript

解决方案

您的问题是您obj在内存中引用相同的内容，因此修改了两个对象。对此的快速解决方法是将您的对象声明移动到foreach循环中，因此您对每个对象都有自己的唯一引用（不一样）。

请参阅下面的工作示例：

function getArrayObjForKeys(keys, source, desiredKeys) {
  let arrayObj = []
  
  source.forEach(function(val, ind) {
    let obj = {}; /* Move into foreach */
    keys.forEach(function(v, i) {
      (function(v) {
        if (val.hasOwnProperty(v)) {
          let desKey = desiredKeys[i];
          obj[desKey] = val[v];
        }
      }).call(this, v);
    });
    arrayObj.push(obj);
  });
  return arrayObj;
}


var source = [{
  'country': 'USA',
  'descr': 'United States'
}, {
  'country': 'UK',
  'descr': 'United Kingdom'
}];

var countryList = getArrayObjForKeys(['country', 'descr'], source, ['value', 'label']);
console.info(countryList);

推荐阅读