オブジェクトキーを反復処理し、JavaScriptでキー値を操作します

このようなオブジェクトの配列があるとします-

const arr = [
   {
      col1: ["a", "b"],
      col2: ["c", "d"]
   },
   {
      col1: ["e", "f"],
      col2: ["g", "h"]
   }
];

このような配列を1つ取り込んで、次の出力を返すJavaScript関数を作成する必要があります。

const output = [
   {
      col1: "b",
      col2: "d"
   },
   {
      col1: "f",
      col2: "h"
   }
];

基本的に、最初は配列であるオブジェクトキーの値を単一の値に変換し、その値がオブジェクトキーの配列の2番目の要素になります。

このためのコードは-

const arr = [
   {
      col1: ["a", "b"],
      col2: ["c", "d"]
   },
   {
      col1: ["e", "f"],
      col2: ["g", "h"]
   }
];
const reduceArray = (arr = []) => {
   const res = arr.reduce((s,a) => {
      const obj = {};
      Object.keys(a).map(function(c) {
         obj[c] = a[c][1];
      });
      s.push(obj);
      return s;
   }, []);
   return res;
};
console.log(reduceArray(arr));

そして、コンソールの出力は-

[ { col1: 'b', col2: 'd' }, { col1: 'f', col2: 'h' } ]