如何仅获取JSON数据的第一个元素?

时间:2018-09-28 12:41:42

标签: javascript jquery json ajax

我只想获取json数组的第一个元素

我的json数据:

{  
 id:"1",
 price:"130000.0",
 user:55,
}
{  
  id:"2",
  price:"140000.0",
 user:55,
}

我想访问第一个json元素的价格 价格:“ 13000.0”

我的代码

$.each(data_obj, function(index, element) {

    $('#price').append(element.price[0]);

    });

但是我的输出 是“ 1”

8 个答案:

答案 0 :(得分:2)

假设您有对象数组

var arr = [{  
      id:"1",
      price:"130000.0",
      user:55,
     },
     {  
       id:"2",
       price:"140000.0",
      user:55,
     }]

     console.log(arr[0].price)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

答案 1 :(得分:1)

您的数据不是有效的JSON,JSON数据密钥必须用双引号引起来,因为您的数据没有用双引号引起来

var data = [{  
	"id":"1",
	"price":"130000.0",
	"user":55
},{  
	"id":"2",
	"price":"140000.0",
	"user":55
}]

console.log(data[0]["price"]);

答案 2 :(得分:1)

你好,您只需要从json字符串的起点和终点添加[]。看到这里var data = JSON.parse( '[{ "id":"1","price":"130000.0","user":55},{"id":"2","price":"140000.0","user":55}]');

var priceValue = 0;
$.each(data, function(index, element) {if(index == 0){  priceValue =    element.price;}});console.log(priceValue);

您的答案将是13000.0

答案 3 :(得分:0)

具有您的JSON数据的元素意味着,我们可以使用下面的代码来获取第一个JSON数据。

element[0].price

谢谢

答案 4 :(得分:0)

您正在使用每个循环,在函数中您将获得2个参数,第一个是索引,第二个是元素本身。因此,这将遍历所有元素。

$.each(data_obj, function(index, element) {
      $('#price').append(element.price);
});

如果您只想获取第一个元素

$('#price').append(data_obj[0].price);

答案 5 :(得分:0)

<div class="form-col-1--cc">              
  <input matInput required class="example-full-width" name="number" card-number>
  <input type="text" required name="first-name" card-name matInput>
  <div>
    <input matInput required type="text" name="expiry" card-expiry placeholder="Expiry">
    <input matInput required type="text" name="cvc" card-cvc placeholder="CVV">
  </div>
</div>

答案 6 :(得分:0)

如果您只想要第一件商品的价格,则无需在此处循环。

$('#price').append(data_obj[0].price);

在这里可以工作。

如需进一步阅读,请参阅here

答案 7 :(得分:0)

以下是解决我的问题的解决方案 我使用返回false;

$.each(data_obj, function(index, element) {

     $('#price').append(element.price[0]);
     return false;
  });

仅给出数组元素的第一个值。