Преобразовать вложенный массив в объект - PullRequest
Новая
       16

Преобразовать вложенный массив в объект

0 голосов
/ 24 августа 2018

Я пытаюсь использовать reduce для преобразования вложенного массива в объект.

Я хочу конвертировать var bookprice = [["book1", "$5"], ["book2", "$2"], ["book3", "$7"]];

до 

var bookpriceObj = {
    "book1": "$5", 
    "book2": "$2",
    "book3": "$7"
};

вот что я пытался 

var bookprice = [["book1", "$5"], ["book2", "$2"], ["book3", "$7"]];
bookpriceObj = {};
bookprice.reduce(function(a, cv, ci, arr){
    for (var i = 0; i < arr.length; ++i)
        bookpriceObj [i] = arr[i];

    return bookpriceObj ;
})

но приведенный ниже результат не является желаемым результатом 

{
    ["book1", "$5"]
    ["book2", "$2"]
    ["book3", "$7"]
}

Ответы [ 7 ]

0 голосов
/ 24 августа 2018

Вы можете использовать уменьшение с Arru Destructoring. 

    bookpriceObj = bookprice.reduce((a, [b, c]) => (a[b] = c, a), {});

Вот что происходит:

  • a - это аккумулятор, который имеет начальное значениеконечного параметра, переданного reduce.Последнее передаваемое нами значение - {}, поэтому это объект
  • Разрушение массива может немедленно присвоить значения в массиве переменным.ae [a, b] = ["one", "two"] присваивает a со значением "one" и b со значением "two"
  • при каждой итерации по каждому элементу мы присваиваем значение b (ae "book1") как свойство объекта (a) и присвойте ему значение, равное c (ae" $ 2 ")
  • На каждой итерации reduce вы должны вернуть аккумулятор (a)
  • Когда все это будет наконец сделано, оно сохранит в bookpriceObj результат! 

var bookprice = [ ["book1", "$5"], ["book2", "$2"], ["book3", "$7"]],
bookpriceObj = bookprice.reduce((a, [b, c]) => (a[b] = c, a), {});

console.log(bookpriceObj)
0 голосов
/ 24 августа 2018

Вы не возвращаете накопленный объект в функцию уменьшения, и цикл for не требуется.

Попробуйте: 

const bookprice = [["book1", "$5"], ["book2", "$2"], ["book3", "$7"]];
const nameIndex = 0;
const priceIndex = 1;

const bookPricesObj = bookprice.reduce((prices, bookInfo) => {
    const name = bookInfo[nameIndex];
    const price = bookInfo[priceIndex];

    prices[name] = price;
    return prices;
}, {});
0 голосов
/ 24 августа 2018

Использование Array.reduce(), Array destructuration, Dynamical keys и Spread operator. 

const bookprice = [
  ['book1', '$5'],
  ['book2', '$2'],
  ['book3', '$7'],
];

const ret = bookprice.reduce((tmp, [
  name,
  price,
]) => ({
  ...tmp,

  [name]: price,
}), {});

console.log(ret);
0 голосов
/ 24 августа 2018

с использованием Array.prototype.reduce для преобразования вложенного массива в объект 

var bookprice = [
  ["book1", "$5"],
  ["book2", "$2"],
  ["book3", "$7"]
];
bookpriceObj = bookprice.reduce(function(acc, cur, i) {
  acc[cur[0]] = cur[1];
  return acc;
}, {})

console.log(bookpriceObj);
0 голосов
/ 24 августа 2018 
bookprice.reduce((acc, price) => {
  let tmp = {}
  tmp[price[0]] = price[1]
  return Object.assign(acc, tmp)
}, {})
0 голосов
/ 24 августа 2018

Использование forEach короче 

var bookprice = [["book1", "$5"], ["book2", "$2"], ["book3", "$7"]];

var bookpriceObj = {};


bookprice.forEach(e=>bookpriceObj[e[0]] = e[1]);

console.log(bookpriceObj)
0 голосов
/ 24 августа 2018

Вам необходимо вернуть объект из «редуктора» AKA первым аргументом Reduce и использовать пустой объект в качестве второго аргумента. 

var bookprice = [
  ["book1", "$5"],
  ["book2", "$2"],
  ["book3", "$7"]
];

var result = bookprice.reduce(function(object, el) {
  object[el[0]] = el[1]
  return object;
}, {})

console.log(result)

Вам не нужен цикл for, так как Reduce уже итерирует по массиву.

...