Javascript、２次元配列特定の値を格納して、新しく2次元配列を作る

Question

前提・実現したいこと

始めたばかりの初心者です。

//2次元配列 Arrのコンソールログ
(24) [Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30), Array(30)]
0
:
(30) ["803388", "803624", "802146", "801117", "801367", "801556", "802881", "802772", "804589", "806284", "806218", "806378", "808036", "807875", "808255", "808956", "808747", "808836", "809188", "809413", "807287", "806719", "807472", "807199", "806902", "808105", "807172", "807315", "807228", "805699"]
1
:
(30) ["804797", "803404", "805232", "805374", "804001", "803973", "804689", "804949", "804163", "803598", "804212", "803752", "805004", "805487", "805388", "806360", "805003", "803393", "805920", "806548", "806384", "806401", "806800", "807435", "808391", "807219", "808267", "807297", "805089", "803333"]
//以下省略

上記のようなJavascriptの２次元配列があります。ビットコインのレートなのですが、一気に下記のようなローソク足チャート用の２次元配列に変換するにはどうしたらいいでしょうか。

candleArr = [
/*1番目の配列*/      {/*30個の値の中の[29]*/Open: "805699", /*30個の値の中の一番高い値*/High: "809413", /*30個の値の中の一番低い値*/Low: "801117", /*30個の値の中の[0]*/Close: "803388"},
/*2番目の配列*/      {/*30個の値の中の[29]*/Open: "803333", /*30個の値の中の一番高い値*/High: "808391", /*30個の値の中の一番低い値*/Low: "803333", /*30個の値の中の[0]*/Close: "803333"},
      //中略
/*24番目の配列*/     {/*30個の値の中の[29]*/Open://以下省略

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

            Open: Arr[1 * i][29],
            Close: Arr[1 * i][0],
            High: Math.max.apply(null, Arr[1 * i]),
            Low: Math.min.apply(null, Arr[1 * i]),  

こうゆうコードをfor i 文の中に入れるのだと思い、色々試しましたが、できません。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

const Arr = [
  ["803388", "803624", "802146", "801117", "801367", "801556", "802881", "802772", "804589", "806284", "806218", "806378", "808036", "807875", "808255", "808956", "808747", "808836", "809188", "809413", "807287", "806719", "807472", "807199", "806902", "808105", "807172", "807315", "807228", "805699"],
  ["804797", "803404", "805232", "805374", "804001", "803973", "804689", "804949", "804163", "803598", "804212", "803752", "805004", "805487", "805388", "806360", "805003", "803393", "805920", "806548", "806384", "806401", "806800", "807435", "808391", "807219", "808267", "807297", "805089", "803333"],
];

const candleArr = [];
for (let i = 0; i < Arr.length; i++) {
  const bitcoinRateList = Arr[i];
  candleArr.push({
    Open: bitcoinRateList[29],
    Close: bitcoinRateList[0],
    High: Math.max.apply(null, bitcoinRateList),
    Low: Math.min.apply(null, bitcoinRateList),
  })
}

//for ofで書いた場合
// for (const bitcoinRateList of Arr) {
//   candleArr.push({
//     Open: bitcoinRateList[29],
//     Close: bitcoinRateList[0],
//     High: Math.max.apply(null, bitcoinRateList),
//     Low: Math.min.apply(null, bitcoinRateList),
//   })
// }

//reduceを使った場合
// const candleArr = Arr.reduce((acc, bitcoinRateList) => {
//   return acc.push({
//     Open: bitcoinRateList[29],
//     Close: bitcoinRateList[0],
//     High: Math.max.apply(null, bitcoinRateList),
//     Low: Math.min.apply(null, bitcoinRateList),
//   }) && acc// acc.pushだけだとacc配列内の値の個数が返ってきてしまうため、&&することでpush後のarrを返すことに成功している。
// }, []);

console.log(candleArr)

Comments

[rutawaru]

できました！ありがとうございます！
Arr[i]これにpushするんですね！

[fjaiofjawiefjaw]

ちなみに
Math.max.apply(null, bitcoinRateList)は、
Math.max(...bitcoinRateList)とも書けるみたいです。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max

「...」は、「スプレッド構文」です。
下記ページの例のapply を置き換えるの部分が参考になります。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax

ちなみに
const sampleArr = [1, 2, 3]
Math.max.apply(null, sampleArr)は、
Math.max("1", "2", "3")と同じ意味だそうです。
https://stackoverflow.com/questions/21255138/how-does-the-math-max-apply-work?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa