将名称分配给数组的数组

Question

$(function() {    $.get("https://spreadsheets.google.com/feeds/list/1VC633BXpMElJjRWvIRuZIP7UrEhuw6BdscnrV2heox0/1/public/full?alt=json", function(data) {    var entry = data.feed.entry;    var getKeys = Object.keys(entry[0]).slice(6);    arr = getKeys.map(title => {      return entry.map((el) => {        return el[title].$t;      }).filter((el) => {        return el.trim();      });    });    console.log(getKeys);    console.log(arr);  });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>上面的代码会将谷歌工作表中的数据返回到数组数组中。getKeys我一直坚持为每个组分配值arr以返回新的 arr 值：var arr = [  gsx$fruits = ["apple", "banana"],   gsx$animals = ["monkey", "dog", "cat", "bear"],   gsx$numbers = ["one", "two", "three", "four"]]...这样我就可以不仅通过索引位置访问特定组。感谢您的帮助！

Answer 1

我做了一些大修改，但这里有另一种选择：

$(async function() {

  const data = await $.get("https://spreadsheets.google.com/feeds/list/1VC633BXpMElJjRWvIRuZIP7UrEhuw6BdscnrV2heox0/1/public/full?alt=json");

  

  const arrays = {};

  for (const entry of data.feed.entry) {

    for (const key in entry) {

      if (key.slice(0, 4) != "gsx$") continue;

      if (!entry[key].$t.trim()) continue;

      const name = key.slice(4); // optional, you could also use `key`

      if (!arrays[name]) arrays[name] = [];

      arrays[name].push(entry[key].$t);

    }

  }

  

  console.log(arrays);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

该解决方案首先创建一个arrays将保存不同数组的对象。然后，我循环遍历这两个data.feed.entry值，并且对于每个条目，我将循环遍历键。如果key不以开头"gsx$"或者修剪后关联值为空字符串，我将跳到下一次迭代。

如果我们没有跳过，请删除前 4 个字符key并将这个新值分配给name（可选）。然后检查是否arrays包含该属性name，如果不包含则将其分配arrays[name]给空数组。

最后将值压入数组。

我试图让这个答案易于理解，如果您有任何问题，请不要害怕发表评论。

Answer 2

首先你需要知道的是javaScript中的数组只是对象的一种特殊形式，而索引是整数类型的属性名称，因此如果你不仅想通过索引访问数组中的元素，还想通过属性名称访问数组中的元素，你可以使用计算属性将这些值映射到不同的名称。

const keys = ['fruits', 'animals', 'numbers']

const data = [

  ["apple", "banana"],

  ["monkey", "dog", "cat", "bear"],

  ["one", "two", "three", "four"]

];

data.forEach((item, index, array) => array[keys[index]] = item);

console.log(data);

console.log(data[0]);

console.log(data['fruits']);

虽然它可以解决您的问题，但它会改变原始数组。如果您需要访问具有属性名称的元素，我建议您使用另一种数组方法reduce，这样您可以获得新形式的数据，并且保持原始数组不变。

const keys = ['fruits', 'animals', 'numbers']

const data = [

  ["apple", "banana"],

  ["monkey", "dog", "cat", "bear"],

  ["one", "two", "three", "four"]

];

const newFormData = data.reduce((acc, cur, index) => {

  return { ...acc,

    [keys[index]]: cur

  }

}, {});

console.log(data);

console.log(newFormData);