如何将值从 php 关联数组推送到 jquery 数组？

Question

我创建的关联数组php中的一个loop是这样的：

$coordinates[] = array("coordinates"=>[$lat, $lng], "site"=>"ext");

$coordinates[] = array("coordinates"=>[$lat, $lng], "site"=>"curr");

这使：

[0]=>

  array(2) {

    ["coordinates"]=>

    array(2) {

      [0]=>

      string(18) "40.836132854296686"

      [1]=>

      string(17) "8.404270310882566"

    }

    ["site"]=>

    string(4) "curr"

  }

  [1]=>

  array(2) {

    ["coordinates"]=>

    array(2) {

      [0]=>

      string(10) "40.8998985"

      [1]=>

      string(9) "9.5177142"

    }

    ["site"]=>

    string(4) "curr"

  }

  [2]=>

  array(2) {

    ["coordinates"]=>

    array(2) {

      [0]=>

      string(17) "40.71976910000001"

      [1]=>

      string(17) "8.563560499999994"

    }

    ["site"]=>

    string(3) "ext"

  }

}

现在我需要推动每一对坐标，例如：

["coordinates"]=>

    array(2) {

      [0]=>

      string(10) "40.8998985"

      [1]=>

      string(9) "9.5177142"

    } 

到一个JS数组中，并对另一个具有[site]值的数组执行相同的操作，例如：

["site"]=>

    string(3) "ext"

在JS我做：

      var coordsJson = '<?php echo json_encode($coordinates); ?>';

      var coords = JSON.parse(coordsJson);

      console.log(coordsJson);

这给了我：

[{"coordinates":["40.836132854296686","8.404270310882566"],"site":"curr"},{"coordinates":["40.8998985","9.5177142"],"site":"curr"},{"coordinates":["40.71976910000001","8.563560499999994"],"site":"ext"}]

我需要coords是一个有效的数组，将成对坐标作为对象并推[site]送到一个数组，例如，site = []但我不确定如何从关联数组中获取值。

我试着推

myCoords.push(coords['coordinates']);

但这是错误的。我相信我应该循环的json响应，但如何push来JS呢？

更新

我基本上需要这样结构的js数组：

0: (2) ["40.836132854296686", "8.404270310882566"]

1: (2) ["40.8998985", "9.5177142"]

2: (2) ["40.71976910000001", "8.563560499999994"]

并具有相同但对于一个数组site[]，字面上寻找2 个数组 coords[]和site[]

Answer 1

与原生 PHP 相比，在 JavaScript 中使用数组是一种乐趣。你总是可以使用循环，但我更倾向于采用函数式方法。首先，让我们简化将数据从 PHP 移动到 JS：var coordsJson = '<?php echo json_encode($coordinates); ?>';var coords = JSON.parse(coordsJson);您不需要将其包装在字符串中然后进行解析。const coordinates = <?php echo json_encode($coordinates); ?>;请注意，我的示例将使用 ES6 编写。接下来我们可以使用 map 来构建包含我们需要的数据的新数组。// this could be a one liner but expanding for explanatory purposes.const coordinatePairs = coordinates.map((coordinate) => {&nbsp; &nbsp; // here we're using the spread operator to expand our object.&nbsp; &nbsp; // it's a simple way to convert an object into an array.&nbsp; &nbsp; return [...coordinate.coordinates];});现在让我们遵循一个类似但更简单的网站流程。const sites = coordinates.map((coordinate) => (coordinate.site));

Answer 2

从Get specific element from each sub array 中获取，您需要使用 array_column 来获取特定的子数组值。$coords&nbsp;=&nbsp;array_column($coordinates,&nbsp;'coordinates'); $sites&nbsp;=&nbsp;array_column($coordinates,&nbsp;'sites');我无法在我身边测试它，因为我不在 PC 上。请让我知道这是否有效。