Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ネストされた配列からJavaScriptのオブジェクトにデータを変換します


次の配列の配列があるとします-

const arr = [
   [
      ['dog', 'Harry'], ['age', 2]
   ],
   [
      ['dog', 'Roger'], ['age', 5]
   ]
];

このようなネストされた配列を1つ取り込むJavaScript関数を作成する必要があります。次に、関数は配列に基づいてオブジェクトを準備する必要があります。

上記の配列のオブジェクトは次のようになります-

const output = [
   {dog: 'Harry', age: 2},
   {dog: 'Roger', age: 5}
];

このためのコードは-

になります
const arr = [
   [
      ['dog', 'Harry'], ['age', 2]
   ],
   [
      ['dog', 'Roger'], ['age', 5]
   ]
];
const prepareObjectArray = (arr = []) => {
   const copy = arr.slice();
   copy.forEach((el, ind, array) => {
      el.forEach((element, index, subArray) => {
         subArray[element[0]] = element[1];
      });
      el.length = 0;
      array[ind] = Object.assign({}, array[ind]);
   });
   return copy;
};
console.log(prepareObjectArray(arr));

出力

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

になります
[ { dog: 'Harry', age: 2 }, { dog: 'Roger', age: 5 } ]

  1. JavaScriptを使用した配列内のネストされたオブジェクト値の合計

    以下は、JavaScriptを使用して配列内のネストされたオブジェクト値を合計するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <st

  2. JavaScriptオブジェクトを新しい配列にフォーマットする

    以下は、JavaScriptオブジェクトを新しい配列にフォーマットするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style