配列から配列を作成する方法[終了]

33

私はJavaScriptの初心者であり、1つのメイン配列の値を使用して2つの異なる配列を作成しようとしています。

私のメイン配列は次のようになります：

0: Array(3) [ 2011, 127072.7, 51584 ]
1: Array(3) [ 2012, 125920.3, 59974 ]
2: Array(3) [ 2013, 129305.4, 15468 ]
3: Array(3) [ 2014, 135364, 84554 ]
4: Array(3) [ 2015, 136757, 98754 ]
5: Array(3) [ 2016, 155653.5, 155548 ]
6: Array(3) [ 2017, 164130.5, 284848 ]

そして、私は最初に次のように見える2つの配列を作成する必要があります：

0: Array(2) [ 2011, 127072.7]
1: Array(2) [ 2012, 125920.3]
2: Array(2) [ 2013, 129305.4]
3: Array(2) [ 2014, 135364]
4: Array(2) [ 2015, 136757]
5: Array(2) [ 2016, 155653.5]
6: Array(2) [ 2017, 164130.5]

（最初と2番目の値）

そして2番目のような：

0: Array(2) [ 2011, 51584]
1: Array(2) [ 2012, 59974]
2: Array(2) [ 2013, 15468]
3: Array(2) [ 2014, 84554]
4: Array(2) [ 2015, 98754]
5: Array(2) [ 2016, 155548]
6: Array(2) [ 2017, 284848]

（最初と3番目の値）

スプライスやフィルターなどを試しましたが、どうやって始めたらいいのかわかりません。

私に正確な解決策を書く必要はありませんが、それを行う方法のステップのみです。

javascript arrays

— ドミニクレフ
ソース

すばらしい回答をありがとうございました。彼らは素晴らしい働きをします。将来について一つ質問があります。2つのフィールドに固定されないようにできますか？しかし、3つ、4つなどでも？

— ドミニクレフ

3

ここで解決しようとしている実際の問題は何ですか？オブジェクトの配列を使用する方がよいオプションのようです。

— BlueRaja-Danny Pflughoeft

提案：配列に明示的な連続した年があるのではなく、特定の開始点から年を暗黙的にすることができます。その場合、必要なスカラー開始点は1つだけで、要素の年はその配列インデックスに基づいてわかります。（年が常に連続していて、この例のように昇順である場合にのみ機能します。ただし、ペアの配列からプリミティブ数の配列だけにうまく単純化します。）

— Peter Cordes

29

動的なアプローチを取り、新しい各配列のキー値の後に配列のすべての項目を取得できます。

var data = [[2011, 127072.7, 51584], [2012, 125920.3, 59974], [2013, 129305.4, 15468], [2014, 135364, 84554], [2015, 136757, 98754], [2016, 155653.5, 155548], [2017, 164130.5, 284848]],
    [first, second] = data.reduce(
        (r, [k, ...a]) => {
            a.forEach((v, i) => r[i].push([k, v]));
            return r;
        },
        Array.from({ length: Array.isArray(data[0]) ? data[0].length - 1 : 0 }, () => [])
    );

console.log(first);
console.log(second);

.as-console-wrapper { max-height: 100% !important; top: 0; }

スニペットを展開

— ニーナ・ショルツ
ソース

すばらしい回答をありがとうございました。将来について質問がありますか？2つのアレイだけでなく、それ以上に修正することは可能ですか？

— ドミニクレフ

1

あなたは置き換えることができ[first, second]てarray、あなたは配列としてデータのすべての列を持つ配列を取得します。

— Nina Scholz、

2

むしろ遅い代わりに、アキュムレータの初期値にr[i] = r[i] || []使用する必要Array.from({length: (data[0]?.length ?? 1) - 1}, () => [])があります

— Bergi

3

@NinaScholzいいえ、つまりr[i]、ループの反復ごとに存在するかどうかを確認しているのに対し、必要な結果配列をreduce呼び出しの外で簡単に作成できました。

— ベルギ

1

@Klayconいいえ、配列の境界外への配列アクセスは非常に遅いため、「すでに存在するかどうかを確認」はうまく機能しません。私のコメントは、パフォーマンスを心配するためのものではなく、クリーンで予測可能な（正しい）コードを好むためのものでした。空のケースを明示的に扱うという私の提案も本当の美しさではないことに気づく前に、私はまず「やや醜くて遅い」と書きました。

— ベルギ

14

を使用.map()してデータを反復処理し、配列の分解を使用して目的の出力を取得できます。

const data = [
  [ 2011, 127072.7, 51584 ],
  [ 2012, 125920.3, 59974 ],
  [ 2013, 129305.4, 15468 ],
  [ 2014, 135364, 84554 ],
  [ 2015, 136757, 98754 ],
  [ 2016, 155653.5, 155548 ],
  [ 2017, 164130.5, 284848 ]
];

const arr1 = data.map(([year, val]) => ([year, val]));
const arr2 = data.map(([year, _, val]) => ([year, val]));

console.log(arr1);
console.log(arr2);

.as-console-wrapper { max-height: 100% !important; top: 0; }

スニペットを展開

— モハマドウスマン
ソース

すばらしい回答をありがとうございました。将来について質問がありますか？2つのアレイだけでなく、それ以上に修正することは可能ですか？

— ドミニクレフ

1

@DominikLevその場合は、ニーナが投稿した回答を使用できます。いいですね。

— Mohammad Usman

1

これは、restパラメーター構文を使用して一般化できます([year, ...values]) => [year, values[n]]

— JollyJoker

@JollyJoker-回答として投稿してください。これは本当に素晴らしく簡潔な一般化されたソリューションです

— FilipMilovanović

@FilipMilovanović私はすでにstackoverflow.com/a/60166014/7126740を行いました

— JollyJoker

6

を使用Array.prototype.forEachして、元の配列の項目を反復処理し、新しい項目を作成して、それらを新しい配列にプッシュできます。

var original = [[ 2011, 127072.7, 51584 ], [ 2012, 125920.3, 59974 ], [ 2013, 129305.4, 15468 ]]

var array1 = []
var array2 = []

original.forEach(item => {
  array1.push([item[0], item[1]]);
  array2.push([item[0], item[2]]);
});

console.log(array1);
console.log(array2);

出力：

配列を動的に生成して、元の配列がいくつのアイテムを持っていてもソリューションが機能するようにします。

var original = [
  [2011, 127072.7, 51584, 1, 2, 3],
  [2012, 125920.3, 59974, 4, 5, 6],
  [2013, 129305.4, 15468, 7, 8, 9]
]

// Array of arrays
var myArray = []

// Fill it with empty arrays
for (var i = 0; i < original[0].length - 1; i++)
  myArray.push([])

// Iterate over original
// For each original, insert the first and i-th element into our array of arrays
original.forEach(item => {
  for (var i = 1; i < item.length; i++) {
    myArray[i - 1].push([item[0], item[i]]);
  }
});

console.log(myArray);

出力：

— イスマエルパディラ
ソース

すばらしい回答をありがとうございました。将来について質問がありますか？2つのアレイだけでなく、それ以上に修正することは可能ですか？

— ドミニクレフ

1

元の配列がいくつのアイテムを持っているかを事前に知らなくても、動的に配列を生成することが可能です。私の編集した回答を見てください:)

— Ismael Padilla

4

まず、最初に配列の配列があります。あなたはできるmapこの配列を使用destructuringして、サブ配列から各値を簡潔な方法で取得して、2つの異なる配列にするます。

const data = [
  [ 2011, 127072.7, 51584 ],
  [ 2012, 125920.3, 59974 ],
  [ 2013, 129305.4, 15468 ],
  [ 2014, 135364, 84554 ],
  [ 2015, 136757, 98754 ],
  [ 2016, 155653.5, 155548 ],
  [ 2017, 164130.5, 284848 ],
];

const array1 = data.map(([first, second, third]) => [first, second]);
const array2 = data.map(([first, second, third]) => [first, third]);

console.log(JSON.stringify(array1));
console.log(JSON.stringify(array2));

スニペットを展開

— アルベルトトリンダーデタバレス
ソース

4

メイン配列をループし、固定インデックス値を使用して新しい配列を返し、子配列の値にアクセスします。

const multiDimArr = [
  [2011, 127072.7, 51584],
  [2012, 125920.3, 59974],
  [2013, 129305.4, 15468],
  [2014, 135364, 84554],
  [2015, 136757, 98754],
  [2016, 155653.5, 155548],
  [2017, 164130.5, 284848],
]

const arr1= multiDimArr.map(x=>[x[0],x[1]]);
const arr2= multiDimArr.map(x=>[x[0],x[2]]);

console.log(arr1)
console.log(arr2)

スニペットを展開

— オイゲンスニック
ソース

3

次のように関数reduceを使用して、1回だけ繰り返すことができます。

let matrix = [[ 2011, 127072.7, 51584 ],[ 2012, 125920.3, 59974 ],[ 2013, 129305.4, 15468 ],[ 2014, 135364, 84554 ],[ 2015, 136757, 98754 ],[ 2016, 155653.5, 155548 ],[ 2017, 164130.5, 284848 ]];

let result = matrix.reduce((a, [year, k, v]) => {
  a.second.push([year, k]);
  a.third.push([year, v]);
  return a;
}, {second: [], third: []});

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

スニペットを展開

— エレ
ソース

この回答でCSSを使用する理由

— ジョシュアフォックス

1

コンソールの高さを拡張するための@JoshuaFox。

— Ele

3

どうぞ

let values = [[ 2011, 127072.7, 51584 ],[ 2012, 125920.3, 59974 ],[ 2013, 129305.4, 15468 ],[ 2014, 135364, 84554 ],[ 2015, 136757, 98754 ],[ 2016, 155653.5, 155548 ],[ 2017, 164130.5, 284848 ]];

let chunk1 = values.map(arr1 => {
  return [arr1[0], arr1[1]]
});
let chunk2 = values.map(arr1 => {
  return [arr1[0], arr1[2]]
})

console.log("Chunk 1", chunk1);
console.log("Chunk 2", chunk2);

スニペットを展開

— ムハンマドジーシャン
ソース

2

map for loop、2つの配列を使用して必要な値をプッシュしました。

let point_table = []
let integer_table = []
const historical_table = [
  [2011, 127072.7, 51584],
  [2012, 125920.3, 59974],
  [2013, 129305.4, 15468],
  [2014, 135364, 84554],
  [2015, 136757, 98754],
  [2016, 155653.5, 155548],
  [2017, 164130.5, 284848]
]
historical_table.map(row => {
  point_table.push([row[0], row[1]])
  integer_table.push([row[0], row[2]])
})
console.log(point_table, integer_table)

スニペットを展開

— iEfimoff
ソース

1

別の解決策：

 const original= [  [ 2011, 127072.7, 51584 ], [ 2012, 125920.3, 59974 ],[ 2013, 129305.4, 15468 ],  [ 2014, 135364, 84554 ],  [ 2015, 136757, 98754 ],  [ 2016, 155653.5, 155548 ],  [ 2017, 164130.5, 284848 ]];

original.map（x => [[x [0]、x [1]]、[x [0]、x [2]]]）.reduce（（a、b）=> a.concat（b）、 []）

— CemTuğut
ソース

1

一般的なソリューションでは、値列のインデックスの配列を作成すると、完全なデータを必要な配列にマッピングする簡単な方法が得られると思います。

[...data[0].keys()].slice(0,-1)

インデックスの配列から、年であった1つの列を差し引いて、

n => data.map(([year, ...values]) => [year, values[n]])

n番目の値の列に必要な配列を提供します。そう：

var data = [[2011, 127072.7, 51584], [2012, 125920.3, 59974], [2013, 129305.4, 15468], [2014, 135364, 84554], [2015, 136757, 98754], [2016, 155653.5, 155548], [2017, 164130.5, 284848]]

const yearArrays = arr => [...arr[0].keys()].slice(0,-1)
       .map(arr.map(([year, ...values]) => [year, values[n]]))

console.log(yearArrays(data));

.as-console-wrapper { max-height: 100% !important; top: 0; }

スニペットを展開

— ジョリージョーカー
ソース

0

一般的な長さの入力配列の別のソリューション。

const input = [[1,11,111,1111],[2,22,222,2222]];

const result = input.reduce((accumulator, [head, ...tail]) => {
  tail.forEach((item, index) => {
    accumulator[index] = accumulator[index] || [];
    accumulator[index].push([head, item]);
  });
  return accumulator;
}, [])

console.log(result);

スニペットを展開

— ライナス
ソース

0

このソリューションを使用して、既存の多次元配列から一般的な組み合わせを作成します。明示的に選択するアイテムのインデックスを渡す必要があります。それが、それを汎用にする理由です。

    const multiDimArr = [
      [2011, 127072.7, 51584],
      [2012, 125920.3, 59974],
      [2013, 129305.4, 15468],
      [2014, 135364, 84554],
      [2015, 136757, 98754],
      [2016, 155653.5, 155548],
      [2017, 164130.5, 284848],
    ]


    function arrayCombo (idxA, idxB){
      return multiDimArr.map(x=>[x[idxA],x[idxB]]);
    }

    console.log(arrayCombo(0, 1));
    console.log(arrayCombo(0, 2));
    console.log(arrayCombo(1, 2));

スニペットを展開

— rach8garg
ソース