как зациклить массив объектов и получить значения

Question

как зациклить массив объектов и получить значения

1

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

const filterParams = [
      { 'waterfront_type[]': 'Cove' },
      { 'area[]': 'Applehead Island' },
      { 'waterfront_type[]': 'Channel' },
      { 'waterfront_type[]': 'Open Water' },
      { baths: '0 - 14' },
      { price: '0.00 - 9,876,100.00' }
    ];

Мне нужно зациклиться на этом и добавить это для формирования данных. Я делаю, как показано ниже.

filterParams.map(param => {
      return formData.append(param.key, param.value);
    });

Ожидается: param.key - waterfront_type [], а param.value - Cove. поэтому внутренне он должен быть formData.append('waterfront_type[]', 'Cove');

Получение: оба не определены. formData.append(undefined, undefined);

m9m9m 25 окт. 2018, в 08:15

Источник

0

Expected: param.key is waterfront_type[] почему вы ожидаете этого?
VLAZ 25 окт. 2018, в 06:03
0

И зачем вы вообще используете .map , если все, что вам нужно - это циклически проходить по массиву?
VLAZ 25 окт. 2018, в 06:04
0

Попробуйте использовать formData.append (Object.keys (param) [0], Object.values (param) [0])
user3743266 25 окт. 2018, в 06:07
0

@user3743266 user3743266 Я не думаю, что это делает то, что вы думаете, что будет делать.
VLAZ 25 окт. 2018, в 06:08

Показать ещё 2 комментария

Теги:

javascript

arrays

4 ответа

Ещё вопросы

Expected: param.key is waterfront_type[] почему вы ожидаете этого?
И зачем вы вообще используете .map , если все, что вам нужно - это циклически проходить по массиву?
Попробуйте использовать formData.append (Object.keys (param) [0], Object.values (param) [0])
@user3743266 user3743266 Я не думаю, что это делает то, что вы думаете, что будет делать.

Ori Drori · Answer 1 · 2018-10-25T04-11-00.000Z

Вы можете использовать Object.entries() и destructuring массива, чтобы получить ключ и значение.

Примечание: default = [] обрабатывает случай пустых объектов.

filterParams.map(param => {
  const [[key, value] = []] = Object.entries(param);
  return formData.append(key, value);
});

Если вам просто нужно вызвать formData(key, value), и вам не нужны возвращенные значения (если они есть), используйте Array.forEach() вместо Array.map():

filterParams.forEach(param => {
  const [[key, value] = []] = Object.entries(param);
  formData.append(key, value);
});

Parit · Answer 2 · 2018-10-25T05-56-00.000Z

0

вы можете использовать фильтры javascript

 filterParams = filterParams.filter(function(itm){
   Object.keys(itm).forEach(function(key, value){
     return formData.append(key, value);
   })
 })

Parit 25 окт. 2018, в 05:56

1

Зачем использовать .filter если все, что вам нужно, это .filter массив?
VLAZ 25 окт. 2018, в 07:57
0

перебирая массив или используя фильтры javascript, я думаю, что оба должны быть одинаковыми. в любом случае вы выполняете итерацию по этому массиву, что не имеет значения, используете ли вы фильтр, карту или простую итерацию цикла. сложность итерации будет такой же. Спасибо
Parit 25 окт. 2018, в 08:24
0

Если это не имеет значения, почему существуют разные методы - .filter , .map , .forEach , .some , .every , .find ? Безусловно, должен быть один, если они просто проходят через массив.
VLAZ 25 окт. 2018, в 08:30
0

в любом массиве PL итерация выполняется только за O (n) раз. Разница заключается в том, как мы подбираем (ищем по элементу), что может быть (двоичный поиск, древовидная форма или способ хеширования), в этом случае поиск может занять время O (logn) или O (1). но все это работает с отсортированным массивом, поскольку массив объектов не отсортирован, и для его сортировки вам снова понадобится быстрая сортировка или некоторые другие методологии, которые сами по себе требуют времени O (nlogn) или O (n). следовательно, определенно вам нужно перебирать массив всеми возможными способами, независимо от того, используете ли вы (filter, map или forEach ... и т. д.). Я надеюсь, что вы ясно.
Parit 25 окт. 2018, в 08:37
0

Но вы специально предлагаете .filter . Почему? В чем преимущество перед любым другим методом? А знаете ли вы, почему существуют разные?
VLAZ 25 окт. 2018, в 08:38
0

Я специально не предлагаю метод .filter . другие уже использовали разные методы. Я подумал попробовать с .filter
Parit 25 окт. 2018, в 08:45
0

В этом случае вы делаете плохое предложение. У каждого из методов итерации массива есть цель . С .filter идея состоит в том, чтобы получить массив, передать предикат и в конце получить новый массив, протестировав каждый элемент. OP уже не прав с использованием .map который используется для применения морфизма к каждому элементу и создания из него нового массива. Вы должны использовать .forEach потому что он не имеет таких дополнительных вещей. И .map и .filter создадут дополнительный массив, который должен быть GC-ed, .filter также проведет дополнительное тестирование каждого элемента. Прежде всего, это важно для ясности кода.
VLAZ 25 окт. 2018, в 08:53
0

да, согласен с вашей точкой "возврата нового массива" и GC. спасибо за чат подлости.
Parit 25 окт. 2018, в 08:58

Показать ещё 6 комментариев

Beri · Answer 3 · 2018-10-25T04-30-00.000Z

Таким образом, вы хотите поместить весь словарь entrySet в FormData:

filterParams.forEach(param => {
    Object.keys(param).forEach(function(key) {
         let value = param[key];
         formData.append(key, value);
    });      
});

Он будет производить вывод:

["waterfront_type%5B%5D=Cove",
 "area%5B%5D=Applehead%20Island",
 "waterfront_type%5B%5D=Channel",
 "waterfront_type%5B%5D=Open%20Water",
 "baths=0%20-%2014",
 "price=0.00%20-%209%2C876%2C100.00"]

Imesha Sudasingha · Answer 4 · 2018-10-25T03-25-00.000Z

переменная param переданная в .map является объектом javascript, и вы не можете получить доступ к ее ключам, используя только object.key. Вместо этого выполните:

filterParams.map(param => {
   var keys = Object.keys(param);
   return formData.append(keys[0], param[keys[0]]);
});

Здесь мы получаем все ключи объекта param и получаем первый (0-й индекс) в качестве необходимого ключа (при условии, что ваш массив имеет объекты с одним ключом).