如何在javascript中访问json中的特定数据

我正在尝试从json数组访问特定数据。我用的是动态下拉菜单

因此，在我的例子中，我希望从json中获取所有名称，并将其打印到选项上

这是我们正在访问的Json

[
 {
    "id": 1,
    "name": "john" 
    "age": 23,
    "city": "New York" 
 },
 {
    "id": 2,
    "name": "Donald" 
    "age": 34,
    "city": "London" 
 },
 {
    "id": 3,
    "name": "k'nan" 
    "age": 27,
    "city": "Paris" 
 },
 {
    "id": 1,
    "name": "jose" 
    "age": 29,
    "city": "lesbon" 
 },
]

脚本

$.each(data, function(key,vlaue ){
          $('select[name="bus_number"]').append('<option value="'+ key +'">'+ value +'</option>');
 });

$。每个（数据、功能（键、符）{
$（'select[name=“bus_number”]”）。追加（''+value+''）；
});

同样，我只想访问所有名称，并将其绘制在选项上。 我这样做了，但不起作用，也许你们会告诉我一个更好的方法。

Brb很快解释

Jquery：

var data = [
 {
    "id": 1,
    "name": "john", 
    "age": 23,
    "city": "New York" 
 },
 {
    "id": 2,
    "name": "Donald", 
    "age": 34,
    "city": "London" 
 },
 {
    "id": 3,
    "name": "k'nan", 
    "age": 27,
    "city": "Paris" 
 },
 {
    "id": 1,
    "name": "jose", 
    "age": 29,
    "city": "lesbon" 
 },
];

$.each( data, function( index, object ) {
  $('select[name="bus_number"]').append('<option value="'+ object['id'] +'">'+ object['name'] +'</option>');
});

var数据=[
{
“id”：1，
“姓名”：“约翰”，
“年龄”：23岁，
“城市”：“纽约”
},
{
“id”：2，
“姓名”：“唐纳德”，
“年龄”：34岁，
“城市”：“伦敦”
},
{
“id”：3，
“姓名”：“韩国”，
“年龄”：27岁，
“城市”：“巴黎”
},
{
“id”：1，
“姓名”：“何塞”，
“年龄”：29岁，
“城市”：“莱斯本”
},
];
$.each（数据、函数（索引、对象）{
$（'select[name=“bus_number”]”）。追加（''+对象['name']+''）；
});

Brb请稍后解释

Jquery：

var data = [
 {
    "id": 1,
    "name": "john", 
    "age": 23,
    "city": "New York" 
 },
 {
    "id": 2,
    "name": "Donald", 
    "age": 34,
    "city": "London" 
 },
 {
    "id": 3,
    "name": "k'nan", 
    "age": 27,
    "city": "Paris" 
 },
 {
    "id": 1,
    "name": "jose", 
    "age": 29,
    "city": "lesbon" 
 },
];

$.each( data, function( index, object ) {
  $('select[name="bus_number"]').append('<option value="'+ object['id'] +'">'+ object['name'] +'</option>');
});

var数据=[
{
“id”：1，
“姓名”：“约翰”，
“年龄”：23岁，
“城市”：“纽约”
},
{
“id”：2，
“姓名”：“唐纳德”，
“年龄”：34岁，
“城市”：“伦敦”
},
{
“id”：3，
“姓名”：“韩国”，
“年龄”：27岁，
“城市”：“巴黎”
},
{
“id”：1，
“姓名”：“何塞”，
“年龄”：29岁，
“城市”：“莱斯本”
},
];
$.each（数据、函数（索引、对象）{
$（'select[name=“bus_number”]”）。追加（''+对象['name']+''）；
});

我假设您正在尝试创建一个下拉列表，其中选项的标签是数据中的

名称

s，选项的值是相应的

id

s

data.forEach(({id, name}) => {
    $('select[name="bus_number"]').append(`<option value="${id}">${name}</option>`);
});

data.forEach（{id，name}）=>{
$（'select[name=“bus_number”]”）。追加（`${name}`）；
});

请注意，我使用JavaSctipt的原生

forEach

而不是jQuery（不再需要了），我还使用and，这使代码更易于阅读

---

这里有一个。

我假设您正在尝试创建一个下拉列表，其中选项的标签是数据中的

名称，选项的值是相应的
id
s

data.forEach(({id, name}) => {
    $('select[name="bus_number"]').append(`<option value="${id}">${name}</option>`);
});

data.forEach（{id，name}）=>{
$（'select[name=“bus_number”]”）。追加（`${name}`）；
});

请注意，我使用JavaSctipt的原生
forEach
而不是jQuery（不再需要了），我还使用and，这使代码更易于阅读

这是一个例子