如何在属性值上创建没有双引号的javascript对象

Question

根据这些数据

[{"lat":"-1.325416","lng":"36.669051"},
 {"lat":"-1.392932","l‌​ng":"36.768752"},
 {"l‌​at":"-1.390505","lng‌​":"36.810023"},
 {"lat‌​":"-1.448266","lng":‌​"36.952769"},
 {"lat":‌​"-1.267033","lng":"3‌​7.094882"},
 {"lat":"-‌​1.214605","lng":"37.‌​053978"},
 {"lat":"-1.‌​169516","lng":"36.89‌​5608"}]

我正在尝试创建一个看起来像这样的 javascript 对象。

 var outerCoords =[
          {lat: -1.325416, lng: 36.669051},
          {lat: -1.392932, lng: 36.768752},
          {lat: -1.390505, lng: 36.810023},
          {lat: -1.448266, lng: 36.952769},
          {lat: -1.267033, lng: 37.094882},
          {lat: -1.214605, lng: 37.053978}, 
          {lat: -1.169516, lng: 36.895608},
          {lat: -1.244058, lng: 36.730391}
        ],

不带双引号的属性值。 我首先将我的 json 字符串化以获取一个字符串，然后从字符串中删除双引号，然后解析没有双引号的结果。解析结果不会创建对象，它会返回一个字符串。请如果你能帮助我将不胜感激。 这就是正在做的事情。

var str= JSON.stringify(outercords1); 
var x = str.replace (/"/g,'');
var obj= JSON.parse(x);

outercords 的值为：

[{"lat":"-1.325416","lng":"36.669051"},{"lat":"-1.392932","lng":"36.768752"},{"lat":"-1.390505","lng":"36.810023"},{"lat":"-1.448266","lng":"36.952769"},{"lat":"-1.267033","lng":"37.094882"},{"lat":"-1.214605","lng":"37.053978"},{"lat":"-1.169516","lng":"36.895608"}] 

Answer 1

字符串化 JSON 具有引用属性。这是强制性的。所以表单中的一个javascript对象

var outerCoords =[
      {lat: -1.325416, lng: 36.669051},
      {lat: -1.392932, lng: 36.768752},
      {lat: -1.390505, lng: 36.810023},
      {lat: -1.448266, lng: 36.952769},
      {lat: -1.267033, lng: 37.094882},
      {lat: -1.214605, lng: 37.053978}, 
      {lat: -1.169516, lng: 36.895608},
      {lat: -1.244058, lng: 36.730391}
    ],

将被字符串化为

'[{"lat":-1.325416,"lng":36.669051},{"lat":-1.392932,"lng":36.768752},{"lat":-1.390505,"lng":36.810023},{"lat":-1.448266,"lng":36.952769},{"lat":-1.267033,"lng":37.094882},{"lat":-1.214605,"lng":37.053978},{"lat":-1.169516,"lng":36.895608},{"lat":-1.244058,"lng":36.730391}]'

删除引号将使其无法被解析为 JSON，这就是你得到一个字符串的原因。

另一方面，表演

JSON.parse('[{"lat":-1.325416,"lng":36.669051},{"lat":-1.392932,"lng":36.768752},{"lat":-1.390505,"lng":36.810023},{"lat":-1.448266,"lng":36.952769},{"lat":-1.267033,"lng":37.094882},{"lat":-1.214605,"lng":37.053978},{"lat":-1.169516,"lng":36.895608},{"lat":-1.244058,"lng":36.730391}]');

会给你一个对象。开始时您手上的同一件物品。

对象属性总是被转换为字符串，所以将你的对象声明为

var outerCoords =[
  {"lat": -1.325416, "lng": 36.669051},
  {"lat": -1.392932, "lng": 36.768752},
  {"lat": -1.390505, "lng": 36.810023},
  {"lat": -1.448266, "lng": 36.952769},
  {"lat": -1.267033, "lng": 37.094882},
  {"lat": -1.214605, "lng": 37.053978}, 
  {"lat": -1.169516, "lng": 36.895608},
  {"lat": -1.244058, "lng": 36.730391}
];

和不带引号声明是一样的。

Answer 2

好吧，我认为不要使用 stringify 来解决您的问题，请按原样尝试。

Answer 3

var outerCoords =[
    {lat: -1.325416, lng: 36.669051},
    {lat: -1.392932, lng: 36.768752},
    {lat: -1.390505, lng: 36.810023},
    {lat: -1.448266, lng: 36.952769},
    {lat: -1.267033, lng: 37.094882},
    {lat: -1.214605, lng: 37.053978}, 
    {lat: -1.169516, lng: 36.895608},
    {lat: -1.244058, lng: 36.730391}
]
        
var str= JSON.stringify(outerCoords); 
//var x = str.replace (/"/g,'');
var obj= JSON.parse(str);
console.log(obj);

Answer 4

您可以迭代数组和对象并将所有字符串数字转换为数字。

根据JSON，键总是有双引号。

 var outerCoords = [{ "lat": "-1.325416", "lng": "36.669051" }, { "lat": "-1.392932", "lng": "36.768752" }, { "lat": "-1.390505", "lng": "36.810023" }, { "lat": "-1.448266", "lng": "36.952769" }, { "lat": "-1.267033", "lng": "37.094882" }, { "lat": "-1.214605", "lng": "37.053978" }, { "lat": "-1.169516", "lng": "36.895608" }];

outerCoords.forEach(function (o) {
    Object.keys(o).forEach(function (k) {
        if (isFinite(o[k])) {
            o[k] = +o[k];
        }
    });
});

console.log(outerCoords);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 5

您可以使用 JSON.parse 和自定义 reviver 函数来操作您的元素。

var outderCoords1=[{"lat":"-1.325416","lng":"36.669051"},
 {"lat":"-1.392932","lng":"36.768752"}];

var outerCoords = JSON.parse(JSON.stringify(outderCoords1), 
   function(name, value) {
   if(!(typeof value.replace === "undefined")){
       var v= parseFloat(value.replace(/"/g, ""));
            alert(typeof(v));
           } 
        });