オブジェクトの配列からオブジェクトの配列の配列を作成する

debugcn 投稿 Dev

ロリーフィールディング

現在、私のデータは、次の形式のオブジェクトの長いリストを持つ配列です。

[ 
    { name: 'example' },
    { name: 'example' },
    ...
]

私がやろうとしているのは、このリストを指定された間隔20でオブジェクトの配列の配列に変換することです。

私はこのフォーマットが欲しい：

[
  [
   { name: 'example' },
   { name: 'example' },
    ...18 more rows
   ],
  [
   { name: 'example' },
   { name: 'example' },
    ...18 more rows
  ],
]

chartdataには初期形式のデータが含まれていますが、「newArray」で新しい形式を取得しようとしています。これを達成するために私は置きました：

  let newArray = [];
  let data = [];

  chartdata.forEach((x, i) => {
    if(i === chartdata.length - 1 ){
      newArray.push(data)
      data = []
    }
    if(i%20===0){
      newArray.push(data)
      data = []
    }
    data.push(x);
  })
  console.log('newArray',newArray)

私が理解していないことが2つあります。

コンソールログには以下が表示されます。

newArrayの最初のインデックスに空の配列があるのはなぜですか？

ありがとうございます。2番目のifステートメントに&& i！== 0を追加しました。

newArrayのインデックス4に19個の値しかないのはなぜですか？

最初の質問はかなり簡単に解決できますが、2番目の質問は修正方法がわかりません。誰か助けてもらえますか？

ラウロミュラー

他のパッケージをプロジェクトに統合することにオープンである場合chunk、Lodashの関数はまさにこの目的に役立つと思います：https：//lodash.com/docs/4.17.15#chunk

コードは次のように単純になります（そして何が起こっているかという点で非常に明確になります）：

const chunks = _.chunk(chartdata, 20);

一般に、配列で多くの作業を行うように思われるため、Lodashをプロジェクトに統合することを検討してください。ライブラリは、配列で実行する必要のある多くの操作を正確に対象としています。私は自分のプロジェクトでライブラリを数年間使用してきましたが、ライブラリの機能でカバーされていない操作に遭遇することはほとんどありませんでした。

最適化に関していくつかの提案がありますが、正直なところ、バンドルサイズに関しては、ライブラリ全体のインポートが問題になることはありませんでした。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集2021-06-19

コメントを追加

サインイン

分類Dev

Related 関連記事

記事

オブジェクトの配列からオブジェクトの配列の配列を作成する

オブジェクトの配列からオブジェクトの配列の配列を作成する

JSONオブジェクトの別の配列からJSONオブジェクトの配列を作成する

intの配列からオブジェクトの配列を作成する

オブジェクト内の他の配列から配列を作成する

配列の各行からオブジェクトを作成する

オブジェクトの3つの配列からオブジェクトの配列を作成します

オブジェクトの既存の配列からJavaScriptオブジェクトの配列を作成します

オブジェクトの配列からキーでオブジェクトの配列を作成します

文字列の配列からオブジェクトを作成する

2つの異なる配列のオブジェクトからオブジェクトを作成します

CodableAlamofireからオブジェクトの配列を取得する

Javascriptの配列からオブジェクトを抽出する

javascriptの配列からオブジェクトを削除する

オブジェクトの配列から要素を削除する

オブジェクトの配列から要素を削除する

配列から特定のオブジェクトを取得する

javascriptの配列からオブジェクトを削除する

Xcode-配列内の配列からオブジェクトを取得する

別の配列からオブジェクト配列を更新する

オブジェクトの配列から配列を含むオブジェクトの配列

メインオブジェクトからオブジェクトの新しい配列を作成する方法

Javascriptは、オブジェクトの配列内のオブジェクトの配列からオブジェクトの配列を取得します

オブジェクトの別の配列からオブジェクトの配列を削除します

Lodashはオブジェクトの配列からオブジェクトの配列を減らします

オブジェクトの1つの配列を作成する

オブジェクトの複数の配列を作成する

既存のオブジェクトの配列を作成するJava

Java：オブジェクトの配列の配列を作成する

iphone：他の配列のオブジェクトで配列を作成する方法

オブジェクトの配列を返す（オブジェクトの配列から）