Блог

У меня есть некоторый код, который уже работает, но мне нужно изменить структуру объекта, и мне нужно изменить код, чтобы он снова работал.

Вот рабочий код (с исходными данными объекта):

 obj = {
    "category": [
        {
            "id": "1",
            "category": "1",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
        {
            "id": "2",
            "category": "1",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
        {
            "id": "3",
            "category": "2",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
        {
            "id": "4",
            "category": "2",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
        {
            "id": "5",
            "category": "3",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
    ]
}

var results = [ ];

for (var i = 0; i < obj.category.length; i  ) {

    $.each( obj.category[i].tags, function( key, value ) {
      results.push(value);
    });

}

var uniqueNames = [];
$.each(results, function(i, el){
    if($.inArray(el, uniqueNames) === -1) uniqueNames.push(el);
});

console.log(uniqueNames);
  

Теперь мне нужно изменить объект, чтобы он выглядел как эта структура:

 obj = {
        "id": "1",
        "category": "1",
        "tags": {
            "483": "tag1",
            "484": "tag2"
        }
    }
  

JSFiddle

Итак, в основном категория была удалена.

Как я могу заставить его работать с моей новой структурой объекта?

Предполагается, что код получит все доступные имена тегов, затем удалит дубликаты и, наконец, добавит результат в массив

https://jsfiddle.net/qte5oa9g/8/

   $(document).ready(function() {

  objArr = [
        {
            "id": "1",
            "category": "1",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
        {
            "id": "2",
            "category": "1",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
        {
            "id": "3",
            "category": "2",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
        {
            "id": "4",
            "category": "2",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
        {
            "id": "5",
            "category": "3",
            "tags": {
                "483": "tag1",
                "484": "tag2"
            }
        },
    ];


var results = [];

for (var i = 0; i < objArr.length; i  ) {

    $.each( objArr, function( key, value ) {
      (value.tags) ? results.push(value) : false;

    });
    console.log(results);

}

var uniqueNames = [];
$.each(results, function(i, el){
    if($.inArray(el, uniqueNames) === -1) uniqueNames.push(el);
});

console.log(uniqueNames);

}); //onready end
  

Хорошо. Итак, во-первых, может быть, у вас есть какая-то рациональность относительно того, почему, но если вы собираетесь хранить список объектов, я чувствую, что у вас ДОЛЖЕН быть контейнер типа «категории» или хранить их в массиве.

В моем примере я изменил объект на массив объектов.

Оттуда вам просто нужно проверить array.length и установить индекс, который вы проверяете, в массив объектов вместо внутреннего объекта, как у вас было.

Существует определенный объект, используемый для сбора уникальных значений, называемый Set() . Это в значительной степени делает ваши уникальные имена бесполезными, поэтому я полностью удалил его и просто вызвал results как Set() и зарегистрировал его.

Вместо того, чтобы нажимать на набор, вы просто используете метод .add(value) . Я привел ссылку на него ниже, а также на массивы.

Если у вас есть какие-либо вопросы, пожалуйста, не стесняйтесь спрашивать.

Ссылки:

MDN: Array.prototype

MDN: установить метод добавления прототипа

MDN: объекты JavaScript