Javascript: как объединять и фильтровать массивы

Question

У меня есть 3 строки, которые мне нужно преобразовать в массивы, оттуда я хочу отфильтровать и затем объединить их, используя JavaScript, я должен отметить, что я использую Zapier, и их библиотека JavaScript немного ограничена, но это то, что я имею так далеко:

Строки:

var type  = 'bundle, simple, simple';
var name  = 'Product1, Product2, Product3';
var price = '1.99, 2.99, 3.99';

Мне нужно выяснить, как преобразовать вышеупомянутые 3 строки выше в следующий массив, используя JavaScript:

var itemArray = [
        {type:"bundle", info: {name: "Product1", price: "1.99"}},
        {type:"simple", info: {name: "Product2", price: "2.99"}},
        {type:"simple", info: {name: "Product3", price: "3.99"}}];

Оттуда я ищу отфильтровать bundle тип продукта и только пройти по simple Массивы продуктов, я делаю это со следующим:

// Using a for loop
var filtered = [];
for (var i = 0; i < itemArray.length; ++i) {
    var item = itemArray[i];
    if (item.type == 'simple') filtered.push(item);
}

return {filtered}; //this returns just the 2 simple product type arrays

Итак, мой вопрос, как мне взять те 3 строки, с которых я начал, и преобразовать их в мой itemArray форматировать с помощью JavaScript?

Answer 1

Вы можете использовать комбинацию map а также filter сначала объединить три имеющихся у вас массива, а затем отфильтровать массивы, соответствующие item_type='bundle',

var item_type  = ['bundle', 'simple', 'simple'],
    item_name  = ['product1', 'product2', 'product3'],
    item_price = [1.99, 2.99, 3.99],
    res = item_type.map(function(v,i) {
        //combine arrays
        return [v, { [item_name[i]]: item_price[i] }]; 
    }).filter(function(o) {
        // only allow items where 'item_type' is not "bundle"
        return o[0] != "bundle";
    });

    console.log(JSON.stringify(res, 2, null));

Answer 2

Да... JS отсутствует Array.prototype.zip() функциональность. Давайте изобретать и решать соответственно.

Array.prototype.zip = function(...a){
  return this.map((e,i) => [e].concat(a.map(sa => sa[i])));
};

var itemType  = ["bundle", "simple", "simple"],
    itemName  = ["product1", "product2", "product3"],
    itemPrice = [1.99,2.99,3.99],
    result    = itemType.zip(itemName,itemPrice)
                        .map(sa => [sa[0],{[sa[1]]:sa[2]}])
                        .filter(t => t[0] === "simple");
console.log(result);

PS: я поменялся местами из последних .map() а также .filter() функции в соответствии с вашими требованиями, но изменение вопроса, приводящее к изменениям в предыдущих ответах, в SO не приветствуется.

Answer 3

Вы можете отфильтровать столбцы, транспонировать массивы и построить нужные внутренние массивы.

var item_type = ['bundle', 'simple', 'simple'],
    item_name = ['product1', 'product2', 'product3'],
    item_price = [1.99, 2.99, 3.99],
    result = [item_type, item_name, item_price]
        .map((a, _, aa) => a.filter((b, i) => aa[0][i] !== 'bundle'))
        .reduce((r, a, i) => (a.forEach((b, j) => (r[j] = r[j] || [], r[j][i] = b)), r), [])
        .map(a => ({ type: a[0], info: { name: a[1], price: a[2] } }));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 4

Сначала объедините их в массив объектов с помощью map, затем filter, затем map снова в представление вам нужно. Что-то вроде:

item_type
    .map((type, index) => ({ 
       type, 
       index, 
       name: item_name[index], 
       price: item_price[index]
    }))
    .filter(el => el.type === 'simple')
    .map(el => [el.type, {name: el.name, price: el.price}])