javascript - 如何从表单元素的值中的数组中获取数组元素？

Question

我有一个 html 表单元素，其值设置为数组。我想通过 jQuery 从数组中获取这些值之一。这是怎么做到的？这是我的代码。如果我的解释不清楚，也许它可以说明一切。谢谢!

    var lat = 0;
    var long = 0;

    //gets the latitude and longitude when a user clicks on any place on the map

    map.on('click', function(e) {
        lat = e.latlng.lat;
        long = e.latlng.lng;

    //store the lat and long in an array

        var latlong = [lat, long];

    //here I am setting the value of my an element in my form as the array of lat and long

        document.getElement(".<?= $this->getName() ?>").set("value", latlong);
        var getLatlong = jQuery(".<?= $this->getName() ?>").val();
        console.log("retrieved: " + getLatlong);

    //it saves and retrieves properly.

    //THE PROBLEM IS HERE
    //THE PROBLEM IS HERE
      var lat = $(".<?= $this->getName() ?>").val()[0];
      var long = $(".<?= $this->getName() ?>").val()[1];
    //THE PROBLEM IS HERE
    //THE PROBLEM IS HERE


    });

这一切运行良好，但我没有得到我想要的结果。如果我尝试使用下面的任何代码行

    //THE PROBLEM IS HERE
      var lat = $(".<?= $this->getName() ?>").val()[0];    //returns 9
      var long = $(".<?= $this->getName() ?>").val()[1];   //returns 4
      var long = $(".<?= $this->getName() ?>").val()[3];   //returns 2
      var long = $(".<?= $this->getName() ?>").val()[4];   //returns 3
    //THE PROBLEM IS HERE

获取纬度或经度“即:94.2323, 12.9932”

The index [0] returns 9,
the index [1] returns 4,
the index [3] returns 2

就好像 94.2323 是数组，而不是纬度和经度作为数组。我希望 [0] 返回 94.2323，[1] 返回 12.9932。

我尝试解释这一点并尽我所能格式化这个问题。谢谢。

Answer 1

您可以使用JSON.stringify()将Array转换为JSON格式

document.getElement(".<?= $this->getName() ?>")
.set("value", JSON.stringify(latlong));

JSON.parse() 将 JSON 格式的 String 转换为 Array

var getLatlong = JSON.parse(jQuery(".<?= $this->getName() ?>").val());
console.log(getLatlong[0], getLatlong[1]); // do stuff