如何迭代数组数组并仅保留 javascript 中单个索引中的值？ [复制]

Question

这个问题在这里已经有了答案：

从对象数组中，将属性的值提取为数组25 个答案

3天前关闭。

我正在使用easepicker 构建预订日历，并使用mySQL 数据库中的第三方API 导入数据。 我得到了数据库中的数据，我可以用 Javascript 访问它（我是新手）。 我正在尝试从数组数组中删除除一个以外的所有索引，但无论我如何尝试执行循环，我都会得到一个未定义的 .pop()，尽管我确保该对象是一个数组数组。

$.ajax({
  url     : 'get_data.php', // this fetches the booking info from 3rd party => DB
  type    : 'GET',          // type of the HTTP request
  success : checkAvail,
});


function checkAvail(response) {
  results     = response;
  var results = jQuery.parseJSON(response);
  availables  = results.filter(a => a.isAvailable === '1');

  console.log(availables); // displays the array of arrays for avail dates


  availables.forEach((available) => {
    available.pop(2); // **Uncaught TypeError: available.pop is not a function
  });

  console.table(availables);
}

console.log(availables) 输出

[
    {
        "id": "79653836",
        "date": "2022-07-09",
        "isAvailable": "1",
        "price": "2188"
    },
    {
        "id": "79653838",
        "date": "2022-07-10",
        "isAvailable": "1",
        "price": "1750"
    },
    {
        "id": "79653840",
        "date": "2022-07-11",
        "isAvailable": "1",
        "price": "1750"
    },
    {
        "id": "79653842",
        "date": "2022-07-12",
        "isAvailable": "1",
        "price": "1750"
    }
]

Answer 1

availables是一个对象数组，而不是数组数组。

要从对象中获取特定属性，请使用.propname ，因此请使用available.date来获取日期。

您可以使用map()返回一个新数组，该数组使用它来获取属性。

 const availables = [ { "id": "79653836", "date": "2022-07-09", "isAvailable": "1", "price": "2188" }, { "id": "79653838", "date": "2022-07-10", "isAvailable": "1", "price": "1750" }, { "id": "79653840", "date": "2022-07-11", "isAvailable": "1", "price": "1750" }, { "id": "79653842", "date": "2022-07-12", "isAvailable": "1", "price": "1750" } ]; const dates = availables.map(a => a.date); console.log(dates);