Как получить доступ к конкретным данным в JSON в JavaScript

Question

Я пытаюсь получить доступ к конкретным данным из массива json.и я использую динамический выпадающий список.

Так что в моем случае я хочу получить все имена из json и нанести его на опцию.

здесь Json we 're accessing ..

[
 {
    "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" 
 },
]

script

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

и снова я хочу получить доступ только ко всем именам и нанести его на параметры.Я сделал это, и это не работает, и, может быть, вы, ребята, расскажете мне лучший способ.

Answer 1

Я предполагаю, что вы пытаетесь создать выпадающий список, где метки опций - это name s в данных, а значения опций - соответствующие id s.

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

Обратите внимание, что я использую нативный JavaSctipt forEach вместо jQuery (в этом больше нет необходимости), а также использую Object Desctructuring и Строковые литералы , которые упрощают ваш кодчитать.

Вот скрипка .

Answer 2

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>');
});