0

Доброго времени суток! Подскажите пожалуйста в чем ошибка, фильтр работает только для первого ряда объекта. Или может я вовсе не так фильтрую данные, подскажите пожалуйста как правильнее будет.

var list_products = [
    {
        type: "Домашний",
        OC: "Linux",
        processor: "intel core i5",
        RAM: "6гб",
        hardDrive: "1тб",
        videoCard: "NVIDIA"
    },
    {
        type: "Игровой",
        OC: "Windows",
        processor: "intel core i7",
        RAM: "8гб",
        hardDrive: "2тб",
        videoCard: "AMD"
    },
    {
        type: "Офисный",
        OC: "Mac OS",
        processor: "intel core i5",
        RAM: "4гб",
        hardDrive: "500гб",
        videoCard: "Интегрированая"
    }
];

function production () {
    var key;
    document.getElementById('data').innerHTML = '';
    for (key in list_products) {
        document.getElementById('data').innerHTML += 
        'Тип: ' + list_products[key].type + ('\n') + '<br>' 
        + 'ОС: ' +  list_products[key].OC + ('\n') + '<br>'
        + 'Процессор: ' +  list_products[key].processor + ('\n') + '<br>'
        + 'Оперативная память: ' +  list_products[key].RAM + ('\n') + '<br>'
        + 'Жесткий диск: ' +  list_products[key].hardDrive + ('\n') + '<br>'
        + 'Видео карта: ' +  list_products[key].videoCard  + ('\n') + '<br>' + '</br>' + '<hr>';
    }
}

function productFilter () {
    var key, val;
    var paramPC = [], a = [];
    a = document.getElementsByName('c');
    document.getElementById('data').innerHTML = '';

    for (var i=0; i<=a.length; i++) {
        if (a[i].type == "checkbox" && a[i].checked && a[i].name === "c") {
            // console.log("selected: " + a[i].value);
            val = a[i].value;
            paramPC.push(val);
            console.log(paramPC);

            for (key in list_products) {

                if (paramPC[i] == list_products[key].type || 
                    paramPC[i] == list_products[key].OC ||
                    paramPC[i] == list_products[key].processor ||
                    paramPC[i] == list_products[key].RAM ||
                    paramPC[i] == list_products[key].hardDrive ||
                    paramPC[i] == list_products[key].videoCard) {
                    list_products.filter(function(list_products) {
                        return list_products[key];
                    });
                    console.log(list_products[key]);

                        console.log(list_products[key].type);
                        document.getElementById('data').innerHTML += 
                        'Тип: ' + list_products[key].type + ('\n') + '<br>' 
                        + 'ОС: ' +  list_products[key].OC + ('\n') + '<br>'
                        + 'Процессор: ' +  list_products[key].processor + ('\n') + '<br>'
                        + 'Оперативная память: ' +  list_products[key].RAM + ('\n') + '<br>'
                        + 'Жесткий диск: ' +  list_products[key].hardDrive + ('\n') + '<br>'
                        + 'Видео карта: ' +  list_products[key].videoCard  + ('\n') + '<br>' + '</br>' + '<hr>'
                        // + '<a href="index.html">Вернутся на главную</a>'
                        ;


                } else {
                    console.log("net");
                }
            }
        }
    }

}

production();

<div class="options">
<table>
    <tr>
        <td>
        Тип<br><br>
        <p><input type="checkbox" name="c" value="Домашний"> Домашний</p>
        <p><input type="checkbox" name="c" value="Игровой"> Игровой</p>
        <p><input type="checkbox" name="c" value="Офисный"> Офисный</p>
        <hr><br>
        </td>

    </tr>

    <tr>
        <td>
        Предустановленая ОС<br><br>
        <p><input type="checkbox" name="c" value="Linux"> Linux</p>
        <p><input type="checkbox" name="c" value="Mac OS"> Mac OS</p>
        <p><input type="checkbox" name="c" value="Windows"> Windows</p>
        <hr><br>
        </td>
    </tr>

    <tr>
        <td>
        Процессор<br><br>
        <p><input type="checkbox" name="c" value="intel core i3"> intel core i3</p>
        <p><input type="checkbox" name="c" value="intel core i5"> intel core i5</p>
        <p><input type="checkbox" name="c" value="intel core i7"> intel core i7</p>
        <hr><br>
        </td>
    </tr>

    <tr>
        <td>
        Объем оперативной памяти<br><br>
        <p><input type="checkbox" name="c" value="4гб"> 4гб</p>
        <p><input type="checkbox" name="c" value="6гб"> 6гб</p>
        <p><input type="checkbox" name="c" value="8гб"> 8гб</p>
        <hr><br>
        </td>
    </tr>

    <tr>
        <td>
        Объем жесткого носителя<br><br>
        <p><input type="checkbox" name="c" value="500гб"> 500гб</p>
        <p><input type="checkbox" name="c" value="1тб"> 1тб</p>
        <p><input type="checkbox" name="c" value="2тб"> 2тб</p>
        <hr><br>
        </td>
    </tr>

    <tr>
        <td>
        Видеоарта<br><br>
        <p><input type="checkbox" name="c" value="NVIDIA"> NVIDIA</p>
        <p><input type="checkbox" name="c" value="AMD"> AMD</p>
        <p><input type="checkbox" name="c" value="Интегрированая"> Интегрированая</p>
        <hr><br>
        </td>
    </tr>
    <tr>
        <td><button onclick="productFilter()">Подобрать</button></td>
    </tr>
</table>

4
  • уже ведь был такой вопрос с этим кодом.
    – Grundy
    15 окт 2016 в 20:28
  • Да был(( Но так и не подсказали что не так, а я уже не наю что делать. Где ошибка не могу понять(( Не подскажете пожалуйста?
    – user220343
    15 окт 2016 в 20:40
  • 1
    для того чтобы сказать почему, нужно знать что вообще должен делать этот код, и что он делает на самом деле. Сейчас видно, что идет бесполезный вызов list_products.filter - если его убрать, ничего не поменяется, а так же какая-то большая проверка, непонятно что проверяющая
    – Grundy
    15 окт 2016 в 21:26
  • Код должен выполнять фильтрацию объектов, точнее массива объектов. Есть html форма на которой находится checkbox-ы, у которых имеются значения. При выборе некоторых checkbox данные должны фильтроваться и выводится то что мы ищем. Сейчас добавлю html код для большей наглядности.
    – user220343
    15 окт 2016 в 21:33

1 ответ 1

1

Я разобрался вроде бы, и вот что получилось.

function production () {
    var key, answer;
    document.getElementById('data').innerHTML = '';
    for (key in list_products) {
        console.table(list_products[key]);
    }
    for (key in list_products) {
        answer = list_products.filter(function(el, ind, arr) {
            return el.type == "Домашний" && el.OC == "Linux";
        });
    }
    console.log(answer);
}
2
  • в чем смысл второго for..in?
    – Grundy
    16 окт 2016 в 10:54
  • Да собственно не в чем, можно и одним обойтись.
    – user220343
    16 окт 2016 в 18:58

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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