JavaScript数组中推送和赋值的区别

Question

async getModifiedData() {
  let dbData = await dbdata.getData();
  
  let fileData = [];

  dbData.map(data => {
    fileData[data["uniquePropertyName"]] = data;
  });

  return fileData; // here I'm getting empty array
}

而我在使用 push() 方法时得到填充数组，

async getModifiedData() {
  let dbData = await dbdata.getData();
  
  let fileData = [];

  dbData.map(data => {
    let propertyName = data["uniquePropertyName"];
    let obj = {};
    obj[propertyName] = data;
    fileData.push(obj);
  });

  return fileData; // here I'm getting filled array
}

当数组大小较小时，两者都可以正常工作，但对于较大的数组，Array.push() 仅返回填充数组。谁能解释这里发生了什么。

Answer 1

您可以将某些内容分配给数组或对象，但您执行此操作的方式不同。 如果您将某些内容分配给数组，则应该使用索引（尽管@tehhowch 的回答是正确的，但我们从不以与对象相同的方式将值分配给数组）。如果你要给一个对象赋值，你应该使用键值（通常，但不总是，字符串）。

另外，正如其他人所提到的，.map 在对另一个数组中的每个元素执行某些操作后返回一个新数组。 .map 需要返回一个值。 .forEach 只是编写 for 循环的一种更短的方式；它会遍历数组（或任何可迭代对象）中的每个值并执行某些操作，但它不需要返回某些内容，也不需要返回某些内容不能。

.push 只是将一些东西推入一个数组（到最后，而不是开始）

为清楚起见，以下示例。

//.map
const example = [1, 2, 3, 4];
const exampleDoubled = example.map(number => {
  return number * 2;
});
console.log(exampleDoubled);
//expected output: [2, 4, 6, 8]

//.forEach
example.forEach(number => {
  //for each number, do something
  console.log(number);

  // no return value needed
});
//expected output:
//1
//2
//3
//4

//Assigning to an array
const newArray = Array(3);
newArray[0] = 1;
newArray[1] = 2;
newArray[2] = 3;
console.log(newArray);
//expected output: [1, 2, 3]
//Notice that we're assigning using indexes because we're dealing with an array


//Assigning to an object
const newObject = {};
newObject['anyKey'] = "any value. does not have to be a string";
newObject['someOtherKey'] = function() { //do stuff };
console.log(newObject);
//expected output:
// {
// 'anyKey': "any value. does not have to be a string",
// 'someOtherKey': [Function]
//}

//.push
const myArray = [1, 2, 3];
myArray.push(4);
console.log(myArray);
//expected output: [1, 2, 3, 4]

我猜你想要的代码是什么（我不知道数据是什么样的，所以我不能给你一个确切的答案）；

async getModifiedData() {
  let dbData = await dbdata.getData();
  
  let fileData = dbData.map(data => {
    return data["uniquePropertyName"];
    //assuming here that data is an object and you want an array
    //of a particular value from these objects
  });

  return fileData;
}

希望这会有所帮助！您可以随时查看 MDN 和 W3Schools 文档以获取更多信息。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push

Answer 2

为简化起见，您的代码中有几个不同的问题，但我将重点介绍为什么第一个示例实际上并未填充数组：

在 JavaScript 中，您可以通过使用方括号中的数字索引直接分配给数组槽来将值放入数组中 - 即使之前没有使用过该索引：

var a = [];
a[2] = 'foo';
console.log(a.length); // => 3

您还可以通过使用方括号中的字段名称直接分配给对象字段来将值放入对象字段：

var a = {};
a['foo'] = 'bar';

如您所见，语法是相同的。此外 - 你必须记住，在 Javascript 中 - 一切都是对象，包括数组。通过理解名称为数字的字段会影响数组长度和迭代内容，您可以说数组是专门化的对象。

因此，您的第一个示例实际上并未将 fileData 作为数组处理 - 它将其视为巧合初始化为空数组的对象。在您设置了所有附加的非数字字段后，数组仍然是空的。 （这是假设 uniquePropertyName 字段包含文本而不是数字 - 如果它有时包含数字，那么这将解释为什么“有时它有效”）。