1

Всем привет! Я новичок, мне нужна ваша помощь, есть такой код:

var data =[
        {
            "id": "0001",
            "type": "donut",
            "name": "Cake",
            "ppu": 0.55,
            "batters":
                {
                    "batter":
                        [
                            { "id": "1001", "type": "Regular" },
                            { "id": "1002", "type": "Chocolate" },
                            { "id": "1003", "type": "Blueberry" },
                            { "id": "1004", "type": "Devil's Food" }
                        ]
                },
            "topping":
                [
                    { "id": "5001", "type": "None" },
                    { "id": "5002", "type": "Glazed" },
                    { "id": "5005", "type": "Sugar" },
                    { "id": "5007", "type": "Powdered Sugar" },
                    { "id": "5006", "type": "Chocolate with Sprinkles" },
                    { "id": "5003", "type": "Chocolate" },
                    { "id": "5004", "type": "Maple" }
                ]
        },
        {
            "id": "0002",
            "type": "donut",
            "name": "Raised",
            "ppu": 0.55,
            "batters":
                {
                    "batter":
                        [
                            { "id": "1001", "type": "Regular" }
                        ]
                },
            "topping":
                [
                    { "id": "5001", "type": "None" },
                    { "id": "5002", "type": "Glazed" },
                    { "id": "5005", "type": "Sugar" },
                    { "id": "5003", "type": "Chocolate" },
                    { "id": "5004", "type": "Maple" }
                ]
        },
        {
            "id": "0003",
            "type": "donut",
            "name": "Old Fashioned",
            "ppu": 0.55,
            "batters":
                {
                    "batter":
                        [
                            { "id": "1001", "type": "Regular" },
                            { "id": "1002", "type": "Chocolate" }
                        ]
                },
            "topping":
                [
                    { "id": "5001", "type": "None" },
                    { "id": "5002", "type": "Glazed" },
                    { "id": "5003", "type": "Chocolate" },
                    { "id": "5004", "type": "Maple" }
                ]
        }
    ]


    var donutSearch = "Chocolate";

    var donutId = data.filter(function(val) {
      return val.id === donutSearch;
    })[0].id;

Мне нужно сделать так, чтобы в консоль вывелись все значения с "type": "Chocolate". Мой код выше выдает ошибку "Cannot read property 'id' of undefined" Еще я пробовал вот так:

let searchTerm = "Chocolate";
let battersId = data.find(donut => donut.type === searchTerm).id

Та же самая ошибка, что и выше

Подскажите, пожалуйста, какие-нибудь решения

5
  • После фильтрации нужно значение не найдено, то есть пустой массив. А вы пытаетесь к нему обращаться по [0] Commented 13 мар. 2019 в 13:56
  • У вас в нескольких местах "type": "Chocolate". Для какого надо? Commented 13 мар. 2019 в 14:01
  • @StepanKasyanenko хотя бы до первого
    – Alexandr
    Commented 13 мар. 2019 в 14:09
  • "type": "Chocolate" - на третьем уровне вложенности, а проверяется только первый, у которого тип только donut, поэтому ничего и не находится
    – Grundy
    Commented 13 мар. 2019 в 14:12
  • @Grundy дело говорит. Я то же самое хотел сказать, но не получилось) Commented 13 мар. 2019 в 14:13

1 ответ 1

1

Вот так можно если структура всегда такая как Вы написали:

let search = "Chocolate";
data.forEach(d => {
  filterAndLog(d.batters.batter);
  filterAndLog(d.topping);
});

function filterAndLog(arr){
  arr.filter(b => b.type === search).forEach(c => console.log(c))
}

var data =[
        {
            "id": "0001",
            "type": "donut",
            "name": "Cake",
            "ppu": 0.55,
            "batters":
                {
                    "batter":
                        [
                            { "id": "1001", "type": "Regular" },
                            { "id": "1002", "type": "Chocolate" },
                            { "id": "1003", "type": "Blueberry" },
                            { "id": "1004", "type": "Devil's Food" }
                        ]
                },
            "topping":
                [
                    { "id": "5001", "type": "None" },
                    { "id": "5002", "type": "Glazed" },
                    { "id": "5005", "type": "Sugar" },
                    { "id": "5007", "type": "Powdered Sugar" },
                    { "id": "5006", "type": "Chocolate with Sprinkles" },
                    { "id": "5003", "type": "Chocolate" },
                    { "id": "5004", "type": "Maple" }
                ]
        },
        {
            "id": "0002",
            "type": "donut",
            "name": "Raised",
            "ppu": 0.55,
            "batters":
                {
                    "batter":
                        [
                            { "id": "1001", "type": "Regular" }
                        ]
                },
            "topping":
                [
                    { "id": "5001", "type": "None" },
                    { "id": "5002", "type": "Glazed" },
                    { "id": "5005", "type": "Sugar" },
                    { "id": "5003", "type": "Chocolate" },
                    { "id": "5004", "type": "Maple" }
                ]
        },
        {
            "id": "0003",
            "type": "donut",
            "name": "Old Fashioned",
            "ppu": 0.55,
            "batters":
                {
                    "batter":
                        [
                            { "id": "1001", "type": "Regular" },
                            { "id": "1002", "type": "Chocolate" }
                        ]
                },
            "topping":
                [
                    { "id": "5001", "type": "None" },
                    { "id": "5002", "type": "Glazed" },
                    { "id": "5003", "type": "Chocolate" },
                    { "id": "5004", "type": "Maple" }
                ]
        }
    ]

let search = "Chocolate";
data.forEach(d => {
  filterAndLog(d.batters.batter);
  filterAndLog(d.topping);
});

function filterAndLog(arr){
  arr.filter(b => b.type === search).forEach(c => console.log(c))
}

Вот вариант с глубоким поиском, без расчета на циклические ссылки..

let search = "Chocolate";
traverse(data)

function traverse(obj) {
  Object.keys(obj).map(key => {
    let value = obj[key];
    typeof value === "object" &&  traverse(value);
    key === "type" && value === search && console.log(obj);
  });
}

var data =[
            {
                "id": "0001",
                "type": "donut",
                "name": "Cake",
                "ppu": 0.55,
                "batters":
                    {
                        "batter":
                            [
                                { "id": "1001", "type": "Regular" },
                                { "id": "1002", "type": "Chocolate" },
                                { "id": "1003", "type": "Blueberry" },
                                { "id": "1004", "type": "Devil's Food" }
                            ]
                    },
                "topping":
                    [
                        { "id": "5001", "type": "None" },
                        { "id": "5002", "type": "Glazed" },
                        { "id": "5005", "type": "Sugar" },
                        { "id": "5007", "type": "Powdered Sugar" },
                        { "id": "5006", "type": "Chocolate with Sprinkles" },
                        { "id": "5003", "type": "Chocolate" },
                        { "id": "5004", "type": "Maple" }
                    ]
            },
            {
                "id": "0002",
                "type": "donut",
                "name": "Raised",
                "ppu": 0.55,
                "batters":
                    {
                        "batter":
                            [
                                { "id": "1001", "type": "Regular" }
                            ]
                    },
                "topping":
                    [
                        { "id": "5001", "type": "None" },
                        { "id": "5002", "type": "Glazed" },
                        { "id": "5005", "type": "Sugar" },
                        { "id": "5003", "type": "Chocolate" },
                        { "id": "5004", "type": "Maple" }
                    ]
            },
            {
                "id": "0003",
                "type": "donut",
                "name": "Old Fashioned",
                "ppu": 0.55,
                "batters":
                    {
                        "batter":
                            [
                                { "id": "1001", "type": "Regular" },
                                { "id": "1002", "type": "Chocolate" }
                            ]
                    },
                "topping":
                    [
                        { "id": "5001", "type": "None" },
                        { "id": "5002", "type": "Glazed" },
                        { "id": "5003", "type": "Chocolate" },
                        { "id": "5004", "type": "Maple" }
                    ]
            }
        ]

let search = "Chocolate";
traverse(data)

function traverse(obj) {
  Object.keys(obj).map(key => {
    let value = obj[key];
    typeof value === "object" &&  traverse(value);
    key === "type" && value === search && console.log(obj);
  });
}

11
  • больше forEach богу forEach :)
    – Grundy
    Commented 13 мар. 2019 в 14:27
  • @Grundy ну да, мог еще map написать =) Commented 13 мар. 2019 в 14:33
  • @Stranger in the Q а что значит filterandLog?
    – Alexandr
    Commented 13 мар. 2019 в 15:12
  • @Alexandr эм, не понял вопрос, это функция, которую я создал.. Commented 13 мар. 2019 в 15:22
  • @Stranger in the Q в которую переданы свойства, я правильно понял?
    – Alexandr
    Commented 13 мар. 2019 в 15:47

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.